Someone Turned an Apartment Into a Walkable Web Page to Record Tutorial Videos
Meng To used three.js and Opus 5.5 to turn an apartment into an interactive scene in the browser: you can walk around, adjust lighting, and switch rendering styles, with every object made from code. This scene is used for recording tutorial videos, and the original video is included.
Meng To posted a video on X: he turned his apartment into a three.js scene for recording tutorial videos.
The original post lists the features specifically: the scene is fully interactive; you can walk around in the browser; you can change the lighting; you can set different rendering styles; and all objects are made from code and use a scoring system.
For readers who don't write code, three.js can first be understood as a JavaScript library that runs 3D in the browser. For developers, the key point here is the recording workflow: rooms, lighting, and materials all become adjustable parameters, so when re-recording, you don't need to rearrange a physical space.
Common problems with tutorial videos are messy backgrounds, unstable lighting, and high re-recording costs. After turning the apartment into a web scene, the set can be reused repeatedly, and lighting and rendering styles can also be adjusted in the browser. The tradeoff is that you need to build the scene, write the objects, and tune materials and lighting upfront. The original tweet does not elaborate on the details of the scoring system, so I won't fill them in here.
发布时间: 2026-11-10 01:33