Jason ZhuJasonZhu.AI
中
3D worldsWY @akokoi12026-09-280:33

Floor plan to 3D interior design tool

Views
294.5K
Likes
549
Replies
115
Saves
790

A single-file HTML home renovation design tool built from a floor plan photo, letting users edit furniture and walls in 2D and switch to a Three.js-based 3D view with a smooth transition animation.

Full prompt259 chars

根据这张户型图，写一个单文件 HTML 装修设计工具：

1、2D 平面：按图上的尺寸标注（mm）还原墙体、门窗和房间，承重墙和普通墙分开画，四周标注尺寸，并自动算出房间面积。
2、家具：放好一套默认布置，家具按真实尺寸绘制，可以拖动、旋转、改尺寸，靠近墙面自动吸附。
4、交互：测量工具、拆改非承重墙、更换地面材料、撤销/重做、保存到本地、导出图片。
4、3D：用 three.js 生成同一套方案的 3D 场景，支持鸟瞰和第一人称漫游。
5、切换：2D/3D 在同一页面切换，要有流畅的过渡动画，两边数据实时同步。

Source: the creator's reply under the post. Kept in its original language, unedited.

Needs your own reference assets: besides the text prompt, the creator supplied images, video, audio, documents or a codebase, which are not hosted here. The prompt alone will not reproduce the result.

Tools the creator mentioned

Three.js

Original post: https://x.com/akokoi1/status/2104520072014508316

All works are open data at GitHub · awesome-opus-5.5-video.

Model attribution is as stated by the creator and was not independently reproduced. View counts are a snapshot from 2026-09-30. The work belongs to its creator; DM @GoSailGlobal on X for corrections or removal.

More 3d worlds