HOUSEHOLD LAYOUT · VISUALIZATION

从一张图纸,
到可以走进的

兄弟双户住宅 · 两层双单元布局。以下以高清建筑平面图、3D 漫游影像与可交互户型模型,完整呈现这套现代简约多代同堂住宅的空间逻辑。

2
楼层
2
单元
功能空间
建筑面积 ㎡
ARCHITECTURAL PLANS

建筑平面图

一层与二层建筑平面图(17.1 m × 9.8 m),采用原始 Canvas 绘制风格。双户镜像布局,中隔墙贯通两层;一层每单元含独立厨卫、起居与独立楼梯间,入口门设于楼梯下方;二层每单元设三间卧室、公共卫生间与南向阳台。

一层平面图 二层平面图
PLAN · LEVEL 01 / 一层 — 原始 Canvas 绘制 · 17.1m×9.8m · 两户独立楼梯 · 入户门在楼梯下方
IMMERSIVE 3D

3D 漫游与实景

从影视级漫游影像,到 AI 生成的空间实景,再到可自由旋转、点击进入的交互户型模型——三种视角,理解同一套房子。

SHOWCASE · 2524×1308 · 影视级 3D 漫游(约 2 分 17 秒)
×

空间

拖拽旋转 · 滚轮缩放 · 双击进入房间
INTERACTIVE · WebGL 体量模型(双击房间进入第一人称视角)
// tool comparison

渲染工具对比 · 酷家乐 vs 混元 3D

基于本项目双户型(兄弟双户住宅)实测的真实对比: 酷家乐代表成熟云端渲染生态;混元 3D代表大模型驱动的 3D 场景生成。两个产线各有所长,本项目最终采 取「混元 3D 生成 + Three.js 增强交互」的组合方案。

酷家乐

Kujiale · 云端 SaaS · 5 亿+用户 · 模板化渲染

  • 海量中文品牌家居真实模型库(林氏、芝华仕等)
  • 一键渲染 720° 漫游、效果图、施工图
  • 设计师社群素材同步成熟
  • 布局基于固定模板,自定义结构受限
  • 导出格式封闭(需付费 VIP)
  • AI 自动布局能力薄弱,重度依赖人工

混元 3D

Tencent Hunyuan · 大模型生成 · 早期公测 · 语义驱动

  • 平面图 / 语义描述 → 3D 场景 一键生成
  • 自由定制:高度、比例、材质、光影可控
  • 适合原型探索与早期方案比选
  • 早期阶段,质量波动大,需多次重试
  • 复杂户型(>7 房间 / 转角墙)易出错
  • 后期材质编辑能力缺失,需外部补

维度对比表

维度酷家乐混元 3D说明
建模精度★★★★★☆酷家乐品牌模型精度更高;混元 3D 早期公测
材质表现★★★★★★★酷家乐 PBR 材质成熟;混元 3D 偏概念化
光影真实★★★★★★☆两者皆稳定,混元 3D AI 控光更灵活
交互能力★★☆★★★★酷家乐多为静态渲染;混元 3D 可重整场景
出图效率★★★★★酷家乐一键出图;混元 3D 需多轮迭代
易用性★★★★★★★酷家乐有 12 年产品沉淀;混元 3D 文档偏少
成本订阅付费(300~2000/yr)公测免费/限速个人开发期混元 3D 占优
可集成闭源★★★开放混元 3D 输出 glTF/OBJ,便于 Web 接入

本项目最终选用方案

混元 3D 主导建模 + Three.js 增强交互。

原因:① 双户型场景需要灵活组合不同宽度的客厅与车库,酷家乐模板化思路受限; ② 需要 Web 端真实漫游与房间标签交互,Three.js 配合混元 3D 导出的 glTF 可以补足酷家乐静态渲染的短板; ③ 个人项目成本敏感,混元 3D 公测期免费,避免订阅成本。

本项目(floorplan-to-3d)中,assets/floor-data.js 即为混元 3D 风格的结构化输出(房间名/面积/坐标),通过 Three.js 重绘为可交互 3D 体量模型。