Divine Charles · Fullstack Product EngineerLoading
000%
Getting things ready…

(L/03) · webgl

Lumen Chamber

A small 3D room with floating sculptures. You look around. Nothing spins until you ask it to.

01

What this is

Lumen Chamber is an interactive Three.js scene. Several sculptures float in a cubemap sky: glass, metal, a glowing ember piece, and more. Thin lines connect some of them. There is a soft dust field and a faint ground disc so it feels like a room, not a black void with one object.

02

How you use it

Drag to orbit. Scroll to zoom. Click a sculpture, or use Focus previous / Focus next, to move the camera toward that piece. Reset view sends you back to the start. Gentle motion is optional and starts off, so the room can stay still. If you prefer reduced motion, the page respects that.

03

How I built it

It is vanilla Three.js with OrbitControls. Materials use physical glass, standard metal, emissive color, and a matcap. Lighting mixes hemisphere, key, and point lights. A loader tracks texture progress before the HUD appears. Focus uses a one-shot camera tween so it does not fight the orbit controls afterward.

04

Why I made it

I wanted to build a small 3D environment you can walk a camera through: several objects, a sky, lighting, and simple controls. The focus was on looking around and inspecting pieces, with optional motion you turn on yourself.