Interactive 3D Room Webpage: Still Under Construction 🚧

Project Notes

I am trying to build an interactive 3D room webpage. It is not finished yet and is still under construction 🚧. The goal is to combine room modeling, 3D asset placement, and web interactions into an explorable digital space.

The current workflow is to first explore the key ideas behind interactive 3D webpages, then use OpenCode to generate and refine the browser-based scene. The immediate goal is not to finish a highly detailed model at once, but to gradually build the room framework, arrange its assets, and improve the interaction design.

View the related Xiaohongshu note

Approach

• Build the browser-based 3D room scene with Three.js
• Select downloadable assets from Sketchfab, preferably in GLB / Three.js format
• Use natural-language prompts to adjust model placement, orientation, camera angles, and movement distances
• Continue improving room modeling, asset layout, material effects, object motion, and overall interaction

When adding new furniture or objects, the intended workflow is to prepare a corresponding .glb model, describe its desired position, orientation, camera angle, and movement distance in a prompt, and then refine the result through repeated adjustments.

Current Plan

• Room modeling
• 3D asset placement
• Materials and lighting
• Asset motion and interactions
• Overall scene refinement

This is an experimental project in active development. The next iterations will continue exploring 3D scene creation and interactive web experiences.