github仓库地址 degital-twin-3D
截止目前,相信你在社区上很难找到开源且真正对前期的你学习有帮助的案例和文章,之所以做这类分享,纯粹的是用爱发电,新的领域学习,让我痛苦的度过了好多个夜晚,值得庆幸自己的思路和计划都能按照设想的方案实现。
背景介绍
刚接触3D类项目,前期我与大家一样,也无从下手,前段时间,在掘金社区记录与分享过自己前期对于数字孪生项目搭建与实现的一些思考,没想到还是有很多私信、留言感兴趣的小伙伴。
原本计划专栏部分会继续写下去,但想将自己的想法和思路清晰的表达出来,过程太耗费时间精力了,所以还是将自己前期的代码在社区开源,希望这个事例,能帮助前期的你带来一些启发和思路吧。
由于项目本身是公司内部产品,只能将部分POC阶段的代码开源供大家学习与参考,当然,如果您有任何疑问与和想要交流的想法,随时都欢迎大家找我,和我一起思考和探讨数字孪生的技术方向~
专栏系列文章:
- 3D数字孪生 - Three.js 项目介绍与基础环境搭建(一)
- 3D数字孪生 - Three.js 项目实战之场景光源(二)
- 3D数字孪生 - Three.js 项目实战之场景材质(三)
- 3D数字孪生 - Three.js 项目实战之相机(四)
- 3D数字孪生 - Three.js 项目实战之相机控制器(五)
谏言
真正接触3D只有三个月,项目投入的时间大概只有两个月,但由于内部的一些原因,导致项目无法正常上线,前期对于threejs的学习成本还是蛮高的,所以代码上很多遗留的写法都未系统的优化和测试,如果您刚好在用,或者有更优的方案,欢迎PR~
功能介绍
由于是内部产品,只是将部分POC阶段的代码开源作为大家学习作为参考,项目中的数据源本身也是使用JSON in TSX的写法,更有利于您了解对于场景生成的数据结构。
- 智能仓库3D模型生成。
- 货架、立库生成。
- 3D场景搭建。
- 自定义相机控制
- 自动巡航
- 车辆运动轨迹与搬运货物动画。
- 统计
相关技术栈
react18,vite3,antd5.x,typescript,mbox,three-filber,three-drei,react-three/rapier,@react-spring
对于技术架构感兴趣的小伙伴,可以查看专栏中的第一篇文章,里面会有详细的介绍。3D数字孪生 - Three.js 项目介绍与基础环境搭建(一)
安装与构建
可以查看仓库,具体的步骤在ReadMe.md中有详细的介绍。
未来规划
- 3D 组件库
- 微前端(qiankun)
- docker部署,本地docker构建测试
3D组件库与微前端已经实现,只是针对开源,目前阶段,还是有很多业务数据耦合在业务组件里面,需要先抽离再分享出来。
写给迷茫的你
这篇文章,也许也是这个系列的终章,很多时候,执行与规划很难同步,特别是当自己想沉下心来去回想自己在这个过程中发生的一些事情,然后记录,其实很费神,基本上前期规划好自己的框架路线和结构设计,就会陷入到功能组件的实现当中。
所以,刚开始的你,在没有找到合适的案例和思路之前,不妨静下心,参考我的思路,用心设计一下自己的技术架构。
最后,如果觉得这个系列文章,对你有帮助,欢迎留个star✨ 开源地址,谢谢啦~