3d可视化案例 3D工厂

webgl3D yekong

渲染glft模型,添加标注,点击标注弹出信息框.
模型文件较大,采用下载zip解压后渲染。尽可能的节省带宽。
采用3d射线拾取对group处理进行处理。
threejs 3d模型 射线拾取实例 group处理

项目开发环境

vue2
nodejs 12.x

项目演示地址

项目演示地址

要求

在3d模型中添加基站动画标识
特定模型点击后要进行高亮显示,并显示名称
特定模型点击后隐藏,以显示被此模型遮挡的模型。

3d可视化案例 厂房

点击显示被模型遮挡的模型

点击显示被模型遮挡的模型

更新记录

2023年01月30日

threejs 点击隐藏模型显示模型下的子模型 因模型变大zip压缩状态下仍然从20M变为了80M为了节省带宽资源所以此功能并没有更新到演示地址。
删除代码中多余的文件以及依赖
对模型做判断,如果是开发模式则访问本地模型,如果是生产模式则访问特定url的模型

threejs实例效果汇总

threejs实例效果汇总

其他

对模型进行zip压缩,以节省宽带资源,前端请求zip并解压zip渲染。

下载

本资源为付费资源,如果资源购买后,无法下载请联系我微信同电话:17331886870.

本产品为基于Vue开发threejs 3d模型渲染实例,为前端项目无后台,且基于Vue非静态html项目,不能直接用浏览器打开,需要有nodejs和npm等环境支持,在线下载模块,命令行启动才可运行查看效果,不懂此类技术的用户慎拍。只卖源码不做任何技术支持。内有vue项目的简单启动步骤(需要有vue项目的运行环境才可)

相关文件下载地址
此资源需支付 ¥5 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
3d可视化案例 3D工厂