The first step in building this website was an inventory of the supplied Blender scene: 156 objects, their parent relationships, materials, and existing animation channels.
The browser model keeps the component names and original transformations. Construction cutters and studio objects are excluded; the original Boolean and bevel modifiers are applied to the exported meshes. Blender’s mixed material shaders are converted to standard PBR texture channels so the engraved dial remains visible in Three.js.
The current preview separates the instrument’s presentation rotation from its simulated heading. The dial remains fixed to the body, with 午 at the front. The center arrow moves across that dial to show the heading; the selected mountain, governing trigram, and assigned element rise together. Shortest-arc interpolation prevents a full revolution at the north boundary.
The model loads after the initial page content. A minimal loading animation masks startup; a render of the same source design remains available when WebGL is unavailable. This is a development milestone for the website, not a claim that live hardware connectivity is complete.