| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <title>tinygltf v3 — three.js WASM demo</title> |
| <link rel="stylesheet" href="style.css"> |
| </head> |
| <body> |
| <header> |
| <h1>tinygltf v3 (C) + three.js</h1> |
| <div class="controls"> |
| <label class="btn" for="file-input">Open glTF/GLB…</label> |
| <input type="file" id="file-input" accept=".gltf,.glb,model/gltf+json,model/gltf-binary" hidden> |
| <button class="btn" id="sample-btn" hidden>Load sample (Cube.glb)</button> |
| </div> |
| </header> |
| <main> |
| <div id="drop-zone"> |
| <p>Drop a <code>.glb</code> / <code>.gltf</code> file here, or use <b>Open glTF/GLB…</b></p> |
| <p class="hint">Note: assets must be self-contained (GLB chunk or embedded data URI).</p> |
| </div> |
| <div id="viewer" hidden></div> |
| </main> |
| <footer id="status">Loading WASM module…</footer> |
| <script type="module" src="main.js"></script> |
| </body> |
| </html> |
