🫧 我把一台热泵洗烘一体机在浏览器里拆开了（19 个装配组逐个能点，在线直接玩）

在线预览：https://fanhuayishiy.github.io/ai-demo/orbit-heatpump-washer-dryer/dist/

开源地址：https://github.com/fanhuayishiy/ai-demo （MIT，合集仓库，本项目在 orbit-heatpump-washer-dryer/ 目录）

当初的要求只有一句话：「不要调用skill 帮我做一个热泵式洗烘一体洗衣机的3D爆炸图和拆解图。用尽你的全部能力和资源，把它做到最好看、最精致、最吸引人」

成品是一台原创的热泵式洗烘一体机概念模型，深色影棚背景，可以围着它转，也可以一层层拆开看里面。整机、分解、剖面、热循环四种视图共用同一套几何。

能玩什么

• 底部四个模式 01 整机 / 02 分解 / 03 剖面 / 04 热循环，键盘 1–4 直切。分解模式下拖「拆解程度」滑块是连续变化，不是两档开关；点右上角「自动拆解」或者按空格，它自己演一遍从整机到展开。
• 左侧结构索引六项：洗涤内筒、热泵系统、驱动电机、舱门组件、控制模块、机身框架。点模型上任意部件即选中，双击或者点「近看这一部件」镜头就推过去，按 Esc 或重置按钮回来。
• 点「查看背面接口」相机转到机背，冷水进水口、排水出口和连接软管都在；再点「冷水进水」「排水出口」出对应的中文说明。
• L 开关部件标注，R 自动旋转，相机按钮把当前视角存成 3K PNG，帮助窗口里能下载带拆装动画的 GLB。
• 拖动旋转、滚轮或双指缩放、右键平移。手机上另有一套布局。

几个值得放大看的地方

• 19 个可分离装配组、13 类中文部件说明。内筒是真镂孔的，三翼提升筋、带加强筋的外筒、门封、复合玻璃舱门、铜绕组直驱电机、顶部弹簧、底部阻尼器、配重块、压缩机、双翅片换热器、铜制冷媒管、风机、风道、控制板，各是各的几何。
• 爆炸是有约束的：左右侧板只沿横向平移、不旋转，直驱电机沿滚筒中心轴向后分离，内外筒保持同轴。作者用管路检查卡住 0%、18%、62%、100% 四个展开状态，逐项核对侧板姿态、筒体同轴关系和软管端点连续性。
• 三段连接软管在拆解过程中靠形变动画保持两端连着，不是拆开了就断线；这份动画在导出的 GLB 里也保留着。
• 热泵盒里重复的翅片和紧固件走实例化几何。渲染是 PBR 材质加环境照明、柔和阴影、GTAO 环境遮蔽、色调映射和抗锯齿。交付物里有五张 3000 × 2000 的 PNG 和一段 13 秒的拆装动画 GLB。
• 界面上的时间、温度和转速只是概念显示，不构成性能参数。机身比例、模块布置和管路都被视觉化简化过：这是结构概念模型，不是尺寸准确的制造 CAD，也不是拆机或维修指导。

技术栈

Three.js 0.180 + 原生 ES Module JavaScript + Vite 7。几何、标贴和表面细节全部在本地程序化生成，纯静态运行，没有后端、API 密钥、运行时 CDN 或外部模型下载。

本地跑起来

git clone https://github.com/fanhuayishiy/ai-demo.git
cd ai-demo/orbit-heatpump-washer-dryer
npm install
npm run dev          # http://127.0.0.1:5173/

关于「不要调用skill」

开头那句原话我逐字留在项目 README 的「主生成提示（原文）」里，包括这个不太客气的起手式。想照着复现的可以直接看这份：

https://github.com/fanhuayishiy/ai-demo/blob/main/orbit-heatpump-washer-dryer/README.md

关于这个合集

同一个仓库里还有一批 AI 辅助生成的交互式前端作品，全部 MIT 开源、全部带在线预览：可探索的家庭 3D 空间、波音 787-9 结构数字孪生大屏、实时 3D 幼儿园、日式街角便利店微缩沙盘、含氢综合能源数字孪生、三坊七巷真实地图导览、体素深夜拉面摊、夕空飞行……

觉得有点意思，可以点个 Star：https://github.com/fanhuayishiy/ai-demo