DerGrumpf/ai-char
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
DerGrumpf
2026-01-28 22:51:38 +01:00
commit 217a8581ae
5 changed files with 278 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
index.html Normal file
View File

@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Three.js GLB Viewer</title>
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
<div id="canvas-container"></div>
<!-- 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>
<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>
</div>
<!-- Three.js CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<!-- OrbitControls -->
<script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/controls/OrbitControls.js"></script>
<!-- GLTFLoader -->
<script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/loaders/GLTFLoader.js"></script>
<!-- Your main script -->
<script src="src/main.js"></script>
</body>
</html>