GitHub上有个web-ifc-three的项目,可以参数化的构建3d场景。就想能不能依赖这个项目实现应该3D家具的展示。
提示词
现在需要开发一个threejs的vite react项目。你需要先移植 GitHub - ThatOpen/web-ifc-three: The official IFC Loader for Three.js. · GitHub
项目。参考example项目实现一个家具的显示交互项目,参考example/model文件夹中的ifc文件和json文件,理解文件的内容和作用,然后实现一个普通卧室衣柜【衣柜的基本结构包含左右侧板,顶底板件,背板,正面门板结构【上面一个左开的门,下面三个抽屉】】的js文档,增加交互功能,可以打开/关闭门,修改衣柜的材质,修改门的样式
用提示词优化:
现在需要开发一个基于Three.js的Vite React项目。首先,你需要将web-ifc-three-main项目的核心功能和架构移植到新的开发环境中。该项目应参考example项目实现一个家具显示交互系统,具体要求如下:
-
文件结构分析:仔细研究example/model文件夹中的IFC文件和JSON文件,深入理解这些文件的内容格式、数据结构及在项目中的具体作用。
-
衣柜模型实现:创建一个普通卧室衣柜的JavaScript文档,衣柜需包含以下基本结构:
-
左右侧板
-
顶板与底板
-
背板
-
正面门板结构(上面一个左开门,下面三个抽屉)
- 交互功能开发:
-
实现门的打开/关闭交互功能
-
添加衣柜材质修改功能
-
支持门的样式修改功能
- 技术要求:确保项目基于Three.js、Vite和React技术栈开发,保持代码结构清晰、性能优化,并实现响应式设计以适应不同设备。
优化后提示词好很多了,结构清晰。
执行:
不到十分钟就完成了一个demo,而且还有很多细节补充。
效果:
demo的完成度挺高,有些小bug,经过简单的提示,也都能修正。
总体用下来感觉很惊艳,理解能力很强,也会根据项目来补充一些没有提到的细节。整个项目demo用了大概不到半个小时,完成度很高。


