WIP: Camera controls, WebGL setup, Procedural grass attempt (Black screen debug)
This commit is contained in:
28
index.html
28
index.html
@@ -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 -->
|
||||
|
||||
Reference in New Issue
Block a user