3D 可视化系统的小 demo
发布于 1 个月前 作者 alwxkxk 1372 次浏览 来自 分享

昨天在V站发了一下,这里再发一下吸点star。花了一些时间用 typescript 写了一个 3D 可视化系统的小 demo,注意只支持PC端chrome浏览器(手机端,其它浏览器等兼容性问题我懒得去解决,可能会出现兼容性问题)。

网址:https://www.alwxkxk.xyz/ github 源码:https://github.com/alwxkxk/iot-visualization-examples 怕大家不会操作,所以还录了个小小的操作视频:操作视频网址

9 回复

你这个底层3d渲染是什么?webgl?支持多大的模型啊?我之前的公司就是做这种3d模型项目管理系统的,就是网页渲染autodesk的ifc文件转换之后接送数据,数据太大了,存到oracle数据库里面大概得有80多g。

@takaximina 用three.js库(本质就是封装了webgl)。 支持多大模型?这个应该是看你手机跟电脑的内存吧,总不能让1G内存的电脑跑浏览器的同时还加载两三G的3D模型吧,这样的话肯定会挂。反正这个3D模型是我自己做的,glb格式也就1.4M。

(PS:ifc文件我也没掠过,但你之前的公司不会是把文件保存到数据库里吧? 文件存到磁盘里就行了吧,再存个文件路径就得了。)

你觉得京东商品的3d展示是用什么写的

还真是存在数据库的,ifc文件太大了,如果是用浏览器来解析的话,跑不起来,ifc文件是30多g。那种商用楼的建筑模型,反正之前是用的java的一个ifc解析插件,一解析直接就爆内存,后来用的python做了优化,解析差不多整体也要10来个小时。我们那个也是用的three.js。autodesk开源的一个二次封装three的js库,还用到了web worker,就是浏览器的多线程,很恶心。之前公司有两个分支,一个用浏览器,就是你说的这个,还有就是用unit3d,模型一大,unit3d也跑不起来。哎!估计以后不出新的算法,只能用c++来开发,反正业主方一直对这个加载速度不满意!

回到顶部