Init
This commit is contained in:
76
index.html
76
index.html
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user