从零开始,搭建属于自己的数字孪生项目(第零期)

151 阅读2分钟

什么是数字孪生?

官方的说法是:数字孪生是通过物理模型、传感器、历史数据等技术手段,在虚拟空间中构建与物理实体完全映射的数字化模型,并实现对其全生命周期状态模拟、分析及优化的技术体系‌

看的是不是很迷糊???

我用大白话给大家解释一下: 把现实中的物体(比如机器、建筑、甚至整个城市)复制到电脑里,让虚拟版和现实版实时同步。这样不用动手折腾实物,就能在电脑里预测问题、测试方案、优化操作,省钱省时间还减少风险。

我们最常见的数字孪生项目就是虚拟3D大屏了,它能把机房、园区甚至城市都模拟到电脑里,跟现实一模一样

image.png

上图就是某网站上的可视化大屏产品

对于数字孪生项目的执着

我本人有幸在一个项目上接触到了数字孪生,当时我是九脸懵逼,什么是数字孪生?我能做什么?我应该怎么做?对于一名前端来讲,问出这些问题都有点丢人,当时我们同事一个老后端就嘲笑我(虽然他也不懂):一看这个项目重点就在前端,数据是后端给的,剩下的你们前端就按照要求展示即可,说的特别轻松,作为前端组长,压力给到了我,于是,我花了一天一宿终于弄明白了,我记得我当时是用vue2框架+threejs+DataV来做的,当然,独木难成舟,也得感谢后端开发、UI设计以及做模型的哥们,在我们的不懈努力下,终于,项目上线了,客户也非常满意,对于我们公司数字孪生项目0的突破。

但是美中不足啊,我自己认为,我对于这些技yarn create vite术栈理解不深刻,一些代码都是从网上扒下来的,所以我准备重写一个数字孪生项目,纯自己研究,把threejs练习到熟练的地步为止。

从零开始

这个项目我准备从零开始,所谓的从零开始,就是从技术选型,搭建前端框架开始,我准备用VUE3来做这次的项目,毕竟vue3已经是主流了,vue3+vite+threejs+DataV来做这个项目

想都是问题,做才有答案,废话少说,走起

搭建Vite框架

yarn create vite