Files
novafarma/index.html
NovaFarma Dev 80bddf5d61 feat: Complete 2D Visual Overhaul - Isometric to Flat Top-Down
- NEW: Flat2DTerrainSystem.js (375 lines)
- NEW: map2d_data.js procedural map (221 lines)
- MODIFIED: GameScene async create, 2D terrain integration
- MODIFIED: Player.js flat 2D positioning
- MODIFIED: game.js disabled pixelArt for smooth rendering
- FIXED: 15+ bugs (updateCulling, isometric conversions, grid lines)
- ADDED: Phase 28 to TASKS.md
- DOCS: DNEVNIK.md session summary

Result: Working flat 2D game with Stardew Valley style!
Time: 5.5 hours
2025-12-14 17:12:40 +01:00

192 lines
9.4 KiB
HTML

<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Suppress Electron Security Warning for Dev -->
<meta http-equiv="Content-Security-Policy"
content="script-src 'self' 'unsafe-inline' 'unsafe-eval' blob: data:; object-src 'self';">
<title>Mrtva Dolina - Death Valley</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: #000;
overflow: hidden;
font-family: 'Courier New', monospace;
}
#game-container {
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-crisp-edges;
image-rendering: pixelated;
image-rendering: crisp-edges;
}
canvas {
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-crisp-edges;
image-rendering: pixelated;
image-rendering: crisp-edges;
}
</style>
</head>
<body>
<div id="game-container"></div>
<div id="debug-console"
style="position: fixed; top: 0; left: 0; color: red; pointer-events: none; z-index: 9999; white-space: pre-wrap;">
</div>
<script>
window.onerror = function (msg, url, lineNo, columnNo, error) {
const container = document.getElementById('debug-console');
if (container) {
container.innerHTML += `ERROR: ${msg}\nAt: ${url}:${lineNo}:${columnNo}\n\n`;
}
console.error('Global Error:', msg, url, lineNo, error);
return false;
};
</script>
<!-- Phaser 3 -->
<script src="node_modules/phaser/dist/phaser.js"></script>
<!-- UI Theme -->
<script src="src/ui/UITheme.js"></script>
<script src="src/ui/UIHelpers.js"></script>
<script src="src/ui/WeatherUI.js"></script> <!-- Weather Control Panel -->
<!-- Utilities -->
<script src="src/utils/PerlinNoise.js"></script>
<script src="src/utils/IsometricUtils.js"></script>
<script src="src/utils/TextureGenerator.js"></script>
<script src="src/utils/ObjectPool.js"></script>
<script src="src/utils/SpatialGrid.js"></script>
<script src="src/utils/Pathfinding.js"></script>
<script src="src/utils/Compression.js"></script>
<script src="src/utils/PerformanceMonitor.js"></script>
<script src="src/utils/IntegrationTests.js"></script>
<!-- Data -->
<script src="src/data/CraftingRecipes.js"></script>
<!-- Systems -->
<script src="src/systems/TerrainSystem.js"></script>
<script src="src/systems/FarmingSystem.js"></script>
<script src="src/systems/BuildSystem.js"></script>
<script src="src/systems/Antigravity.js"></script>
<script src="src/systems/PathfindingSystem.js"></script>
<script src="src/systems/SaveSystem.js"></script>
<script src="src/systems/SaveManager.js"></script>
<!-- TimeSystem merged into WeatherSystem -->
<script src="src/systems/StatsSystem.js"></script>
<script src="src/systems/InventorySystem.js"></script>
<script src="src/utils/GlobalInventoryHelper.js"></script> <!-- Global inventory helper -->
<script src="src/systems/LootSystem.js"></script>
<script src="src/systems/InteractionSystem.js"></script>
<script src="src/utils/InventoryIcons.js"></script> <!-- 2D Flat Icons -->
<script src="src/systems/BuildingSystem.js"></script>
<script src="src/systems/WeatherSystem.js"></script>
<script src="src/systems/WorldEventSystem.js"></script>
<script src="src/systems/QuestSystem.js"></script>
<!-- DayNightSystem merged into WeatherSystem -->
<script src="src/systems/SoundManager.js"></script>
<script src="src/systems/ParallaxSystem.js"></script>
<script src="src/systems/ParticleEffects.js"></script>
<!-- New Conceptual Systems -->
<script src="src/systems/ZombieWorkerSystem.js"></script>
<script src="src/systems/LegacySystem.js"></script>
<script src="src/systems/ExpansionSystem.js"></script>
<script src="src/systems/BlueprintSystem.js"></script>
<script src="src/systems/CollectionSystem.js"></script>
<script src="src/systems/HybridSkillSystem.js"></script>
<script src="src/systems/OceanSystem.js"></script>
<script src="src/systems/VisualEffectsSystem.js"></script>
<script src="src/systems/PlaytimeTrackerSystem.js"></script>
<script src="src/systems/LocalizationSystem.js"></script>
<script src="src/utils/FPSMonitor.js"></script>
<script src="src/systems/PerennialCropSystem.js"></script>
<script src="src/systems/MountSystem.js"></script>
<script src="src/systems/SteamIntegrationSystem.js"></script>
<script src="src/systems/AchievementTriggers.js"></script>
<script src="src/systems/StarterChestSystem.js"></script>
<script src="src/systems/GemDropSystem.js"></script>
<!-- Multiplayer -->
<!-- <script src="https://cdn.socket.io/4.7.2/socket.io.min.js"></script> -->
<script src="src/systems/MultiplayerSystem.js"></script>
<script src="src/systems/GraveSystem.js"></script> <!-- Grave/Rest System -->
<script src="src/systems/ScooterRepairSystem.js"></script> <!-- Scooter Repair -->
<script src="src/systems/WorkstationSystem.js"></script> <!-- Furnaces & Machines -->
<script src="src/systems/NPCSpawner.js"></script> <!-- NPC Spawner -->
<script src="src/systems/AccessibilitySystem.js"></script> <!-- Accessibility Features -->
<script src="src/systems/VisualSoundCueSystem.js"></script> <!-- Visual Sound Cues (Deaf/HoH) -->
<script src="src/systems/InputRemappingSystem.js"></script> <!-- Input Remapping (Keyboard/Controller) -->
<script src="src/systems/ScreenReaderSystem.js"></script> <!-- Screen Reader (Blind/VI) -->
<script src="src/systems/DyslexiaSupportSystem.js"></script> <!-- Dyslexia Support -->
<script src="src/systems/ADHDAutismSupportSystem.js"></script> <!-- ADHD/Autism Support -->
<script src="src/systems/MotorAccessibilitySystem.js"></script> <!-- Motor Accessibility -->
<script src="src/systems/VisualEnhancementSystem.js"></script> <!-- Visual Enhancements -->
<script src="src/systems/FogOfWarSystem.js"></script> <!-- Fog of War -->
<script src="src/systems/UIGraphicsSystem.js"></script> <!-- UI Graphics & Achievements -->
<script src="src/systems/BuildingVisualsSystem.js"></script> <!-- Building Animations & Genetics -->
<script src="src/systems/SkillTreeSystem.js"></script> <!-- Skill Tree & Progression -->
<script src="src/systems/CraftingTiersSystem.js"></script> <!-- Crafting Tiers & Tools -->
<script src="src/systems/FarmAutomationSystem.js"></script> <!-- Farm Automation & Workers -->
<script src="src/systems/AnimalBreedingSystem.js"></script> <!-- Animal Breeding & Genetics -->
<script src="src/systems/AutomationTierSystem.js"></script> <!-- Automation Tiers -->
<script src="src/systems/BreedingUISystem.js"></script> <!-- Breeding UI & Family Tree -->
<script src="src/systems/CookingSystem.js"></script> <!-- Cooking & Recipes -->
<script src="src/systems/FishingSystem.js"></script> <!-- Fishing & Minigame -->
<script src="src/systems/WorkerCreaturesSystem.js"></script> <!-- Worker Creatures -->
<script src="src/systems/MiningDungeonsSystem.js"></script> <!-- Mining & Dungeons -->
<script src="src/systems/BossBattlesSystem.js"></script> <!-- Boss Battles -->
<script src="src/systems/StoryQuestSystem.js"></script> <!-- Story & Quests -->
<script src="src/systems/MultiplayerSocialSystem.js"></script> <!-- Multiplayer & Social -->
<script src="src/systems/TechnicalPerformanceSystem.js"></script> <!-- Technical & Performance -->
<script src="src/systems/PlatformSupportSystem.js"></script> <!-- Platform Support -->
<script src="src/systems/SaveSystemExpansion.js"></script> <!-- Save System Expansion -->
<script src="src/systems/CentralPopupSystem.js"></script> <!-- Central Popup System -->
<script src="src/systems/TutorialSystem.js"></script> <!-- Tutorial System -->
<script src="src/systems/UnifiedStatsPanel.js"></script> <!-- Unified Stats Panel -->
<script src="src/systems/FullInventoryUI.js"></script> <!-- Full Inventory UI (I key) -->
<script src="src/systems/CameraSystem.js"></script> <!-- Camera System (Trailer/Screenshots) -->
<!-- 🎨 2D FLAT CONVERSION -->
<script src="data/map2d_data.js"></script>
<script src="src/systems/Flat2DTerrainSystem.js"></script>
<!-- Entities -->
<script src="src/entities/Player.js"></script>
<script src="src/entities/NPC.js"></script>
<script src="src/entities/Boss.js"></script>
<script src="src/entities/Scooter.js"></script>
<script src="src/entities/LootChest.js"></script>
<script src="src/entities/ZombieSpawner.js"></script>
<!-- Game Files -->
<script src="src/scenes/BootScene.js"></script>
<script src="src/scenes/PreloadScene.js"></script>
<script src="src/scenes/UIScene.js"></script>
<script src="src/scenes/StoryScene.js"></script>
<!-- 🛠️ CRAFTING SYSTEM -->
<script src="src/systems/CraftingSystem.js"></script>
<script src="src/ui/CraftingUI.js"></script>
<script src="src/scenes/GameScene.js"></script>
<script src="src/game.js"></script>
</body>
</html>