This commit is contained in:
2026-01-28 23:51:28 +01:00
parent 217a8581ae
commit f901481d6a
9 changed files with 522 additions and 132 deletions

View File

@@ -9,28 +9,53 @@
<body>
<div id="canvas-container"></div>
<!-- Debug UI -->
<!-- Debug UI -->
<div id="debug-ui">
<h3>Debug Controls</h3>
<div class="debug-item">
<label>
<input type="checkbox" id="orbit-controls-toggle">
Orbit Controls
</label>
<div class="debug-header">
<h3>Debug Controls</h3>
<button id="minimize-btn"></button>
</div>
<div class="debug-item">
<label>
<input type="checkbox" id="show-grid-toggle" checked>
Show Grid
</label>
</div>
<div class="debug-item">
<label for="file-input" class="file-label">Load GLB Model:</label>
<input type="file" id="file-input" accept=".glb,.gltf">
</div>
<div class="debug-item">
<span class="debug-label">Model Status:</span>
<span id="model-status">No model loaded</span>
<div id="debug-content">
<div class="debug-item">
<label>
<input type="checkbox" id="orbit-controls-toggle">
Orbit Controls
</label>
</div>
<div class="debug-item">
<label>
<input type="checkbox" id="show-grid-toggle" checked>
Show Grid
</label>
</div>
<div class="debug-item">
<label>
<input type="checkbox" id="show-skeleton-toggle">
Show Skeleton
</label>
</div>
<div class="debug-item">
<label for="animation-select" class="asset-label">Select Animation:</label>
<select id="animation-select">
<option value="">-- No Animation --</option>
</select>
</div>
<div class="debug-item">
<label>
<input type="checkbox" id="play-animation-toggle">
Play Animation
</label>
</div>
<div class="debug-item">
<label for="asset-select" class="asset-label">Select Model:</label>
<select id="asset-select">
<option value="">-- No Model --</option>
</select>
</div>
<div class="debug-item">
<span class="debug-label">Model Status:</span>
<span id="model-status">No model loaded</span>
</div>
</div>
</div>
@@ -42,8 +67,17 @@
<!-- GLTFLoader -->
<script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/loaders/GLTFLoader.js"></script>
<!-- Manager Classes -->
<script src="src/sceneManager.js"></script>
<script src="src/cameraManager.js"></script>
<script src="src/rendererManager.js"></script>
<script src="src/controlsManager.js"></script>
<!-- Your main script -->
<!-- Debug UI Controller -->
<script src="src/debugUI.js"></script>
<!-- Your main script -->
<script src="src/main.js"></script>
</body>
</html>