=====================================
  Untitled Scene — Exported Scene
=====================================

This folder contains a self-contained 3D scene ready to embed in any website.
No build tools or dependencies to install — just a web server.


QUICK START
-----------
1. Copy this entire folder to your web server (or project's public directory).
2. Open index.html in a browser (must be served via HTTP, not file://).
   - Local testing: npx serve .   (or python -m http.server 8000)
3. That's it — the scene renders fullscreen with static interaction.


FILE STRUCTURE
--------------
  index.html          Main page — open this to see the scene
  scene.js            Three.js scene module (all setup code)
  README.txt          This file
  assets/
    models/           3D models (.glb files)
    textures/         Texture images (albedo, normal, roughness, etc.)
    hdri/             HDRI environment maps (.hdr files)


EMBEDDING IN YOUR OWN PAGE
---------------------------
Instead of using index.html directly, you can embed the scene in
any existing page:

  1. Add the import map to your page's <head>:

     <script type="importmap">
     {
       "imports": {
         "three": "https://cdn.jsdelivr.net/npm/three@0.172.0/build/three.module.js",
         "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.172.0/examples/jsm/"
       }
     }
     </script>

  2. Create a container element with your desired size:

     <div id="scene-container" style="width: 100%; aspect-ratio: 32/15;"></div>

  3. Import and call initScene():

     <script type="module">
       import { initScene } from './scene.js';
       initScene(document.getElementById('scene-container'));
     </script>

  The scene will fill whatever container you provide and resize automatically.


CUSTOMISING
-----------
• Camera: In scene.js, find "Camera" — change position.set() and rotation.set().
• Lighting: Search for "World / Lighting" — adjust colours and intensities.
• Background: Change scene.background or remove the HDRI background line.
• Interaction: The "static" section at the bottom of initScene() can be
  modified or replaced. See Three.js docs for OrbitControls, etc.
• Objects: Each object has a comment with its name — adjust transforms,
  materials, or remove objects as needed.
• Aspect ratio: In index.html, update the aspect-ratio CSS property on #scene-container.


HOSTING REQUIREMENTS
--------------------
• Must be served over HTTP(S) — browsers block ES modules from file://.
• Three.js is loaded from a CDN — no need to host it yourself.
• If you want to self-host Three.js, download it from https://threejs.org
  and update the import map paths accordingly.
• All asset paths in scene.js are relative — keep the folder structure intact,
  or update the paths if you move files.


DEBUG HUD
---------
This export includes a built-in performance HUD.
Press Alt+Shift+D in the browser to toggle the overlay.
Displays: FPS, frame time, draw calls, and triangle count.


Generated by WebGL Scene Builder
