WIP: Camera controls, WebGL setup, Procedural grass attempt (Black screen debug)

This commit is contained in:
2026-01-18 05:35:23 +01:00
parent 91eb68a65f
commit de089e5b01
16 changed files with 353 additions and 2912 deletions

View File

@@ -35,17 +35,27 @@
align-items: center;
width: 100vw;
height: 100vh;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-crisp-edges;
image-rendering: pixelated;
image-rendering: crisp-edges;
/* SMOOTH FILMSKI RENDERING (no pixelation!) */
image-rendering: auto;
/* Browser default - SMOOTH */
background: #000;
/* Black by default (intro) */
}
/* GRASS BACKGROUND - only when GameScene active */
#game-container.game-active {
background-image: url('assets/slike/teren/grass_noir.png');
background-repeat: repeat;
background-size: 128px 128px;
/* 512px * 0.25 = 128px */
background-position: 0 0;
image-rendering: auto;
/* SMOOTH LINEAR filtering */
}
canvas {
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-crisp-edges;
image-rendering: pixelated;
image-rendering: crisp-edges;
/* SMOOTH FILMSKI RENDERING for Phaser sprites */
image-rendering: auto;
}
</style>
</head>
@@ -281,7 +291,7 @@
<script src="src/systems/MasterGameSystemsManager.js"></script> <!-- 🎮 Master Coordinator -->
<!-- 🧪 TEST SCENE -->
<!-- <script src="src/AssetManifest.js"></script> DISABLED: File removed -->
<!-- 🧪 TEST SCENE -->
<script src="src/scenes/AssetTestScene.js"></script> <!-- 🖼️ Asset Gallery -->
<script src="src/systems/WaterPhysicsSystem.js"></script> <!-- 🌊 Water Physics -->
<script src="src/systems/WaterRipplesSystem.js"></script> <!-- 💧 Water Ripples -->