【项目实战】用 SOLO Coder 搭建一个简单的3D家具查看器

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项目实现一个家具显示交互系统,具体要求如下:

  1. 文件结构分析:仔细研究example/model文件夹中的IFC文件和JSON文件,深入理解这些文件的内容格式、数据结构及在项目中的具体作用。

  2. 衣柜模型实现:创建一个普通卧室衣柜的JavaScript文档,衣柜需包含以下基本结构:

  • 左右侧板

  • 顶板与底板

  • 背板

  • 正面门板结构(上面一个左开门,下面三个抽屉)

  1. 交互功能开发:
  • 实现门的打开/关闭交互功能

  • 添加衣柜材质修改功能

  • 支持门的样式修改功能

  1. 技术要求:确保项目基于Three.js、Vite和React技术栈开发,保持代码结构清晰、性能优化,并实现响应式设计以适应不同设备。

优化后提示词好很多了,结构清晰。

执行:

不到十分钟就完成了一个demo,而且还有很多细节补充。

效果:

demo的完成度挺高,有些小bug,经过简单的提示,也都能修正。

总体用下来感觉很惊艳,理解能力很强,也会根据项目来补充一些没有提到的细节。整个项目demo用了大概不到半个小时,完成度很高。

1 个赞