First 3D Scene — Yenra
Guide: https://yenra.com/3d/
Requires a browser with JavaScript modules and WebGL 2. Three.js 0.186.0 is bundled;
no CDN or npm installation is needed. Preserve vendor/LICENSE when distributing.
Unzip into a new private folder and open a terminal in the extracted scene folder.
With Python 3 installed, run: python -m http.server 8765 --bind 127.0.0.1
Open http://127.0.0.1:8765/ in a browser. On Windows, py -m http.server may work instead.
Stop the local server with Ctrl+C when done. This binds only to the local computer.
Opening index.html through file:// can block module loading; use the local server.
Controls: rotation (degrees); distance control (world units); key light (unitless).
The distance control d places the camera d world units from the origin, along
the normalized direction (0.65,0.5,1).
Cube width/height/depth: 1.5 world units; center y=0.75; grid at y=0.
The camera aims at (0,0.6,0); field of view 45 degrees; clipping 0.1 to 100 units.
Keyboard users can Tab to sliders and use arrow keys. Reset returns 25,6,3.
Check: rotation changes visible faces; larger distance shrinks the cube; reducing
key light leaves ambient illumination; narrow windows preserve cube proportions.
Sources: https://threejs.org/manual/pages/creating-a-scene.html
https://threejs.org/manual/pages/responsive.html
