卧室空间设计AI 辅助建模与三维交互
BEDROOM STUDIO · AI-ASSISTED 3D VISUALIZATION
从空间参考与整理目标出发,将房间、家具、床品和灯光统一到同一个 Blender 场景,再通过光照烘焙与 Three.js 实现可环视、可剖视的在线三维展示。十张真实渲染呈现整体布局与家具细节,记录 AI 辅助制作和跨端验证的完整链路。
公开档案
BLENDER / CYCLES · 真实模型渲染从参考到一个统一的空间
制作目标是保持门柜凹区、墙体转折和家具之间的关系,把整理后的床面、桌面与软装风格放回同一套三维布局。静态图和交互网页共用场景数据,切换机位不会移动或复制家具。
人与 AI 的分工
用户提供空间参考、保留要求、风格目标及多轮反馈;AI 编码智能体辅助完成程序化建模、家具细化、材质灯光、光照烘焙、网页交互和问题定位。结构依据与风格参考分别核对,原始照片和参考图保留本地。
五个视角,看同一个房间
整体剖视用于理解布局,室内机位用于观察床区、工作区和门柜关系。以下五张为 Blender / Cycles 的真实渲染;在线体验默认站在中央过道,可原地环视,并切换整体与室内预设。

整体剖视:房间、床、工作区与柜体的统一布局。剖视只用于展示,不代表拆除墙顶后的采光效果。

朝窗帘侧:床品、木家具与米白墙面的材质和光照关系。

朝门柜侧:保留门区、固定柜体和墙体转折的空间关系。

工作区:书桌、显示器、键鼠、办公椅与方案中新增的桌灯、盆栽。

中央观察机位:与在线体验的默认室内位置对应。
把细节落实到模型
家具细化覆盖板件、抽屉、承托、曲面、网面、缝隙与接触关系。床品保留静态褶皱,办公椅使用有孔隙的织网几何,鼠标、背包和绿植具有可从侧面观察的体积;隐蔽装配仍属于概念近似。

床品近景:分开的枕头、床单与被子,保留厚度、边缘和静态褶皱。

办公椅近景:框架、细织网、扶手、承托与轮脚结构。

键鼠近景:鼠标连续曲面、键区分缝、滚轮槽与桌垫上的摆放关系。

背包近景:曲面主体、口袋、肩带、提手与拉链。

绿植近景:分枝、叶柄、曲面叶片与花盆结构。
从 Blender 到浏览器
先在 Blender 中统一模型、相机与材质,再用 Cycles 生成渲染图和静态漫反射光照。网页使用派生 GLB、第二套 UV、六套光照图与环境反射,由 Three.js 绘制真实三维几何。模型采用无损 gzip 传输,解压后保持原文件内容;首页与作品详情只加载图片,点击体验后才请求三维资源。
迭代与问题定位
制作中针对办公椅网面、鼠标轮槽、桌垫承托和绿植冠形反复对照。网页椅架黑色面块通过颜色、法线与光照分层检查定位到小 UV 图集采样,随后为办公椅分配独立光照图;金属偏白通过核对锁定版本的材质合成修正。改动后重新检查最终网页,不以模型导出成功代替画面验收。
验证与适用范围
2026 年 10 月 1 日的最终制作记录包含 GLB 格式检查、母版搬迁打开与渲染、Chrome / Edge 离线及静态网页操作测试。GLB 检查为零错误、零警告,所有方向预热后的五分钟操作测试未观察到纹理计数持续增加。实时网页与 Cycles 在织网、布料边缘及镜面表现上仍有差异;手机真机性能、真实尺寸和门柜开启净距尚未验证。