3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结

问题总结

问题一: 如何提高加载速度

解答:
方法一:利用浏览器cache控制缓存
方法二:利用建模技术,公共部分material的加载共用,并且配合缓存
方法三:gzip压缩传输
此方法可以加载60万平方米建筑3-5s左右

问题二: 提升3D可视化智能楼宇多物体渲染效率

解答:
方法一: 将3D物体2D图标平面化,对所有图标进行编号,采用BufferRender缓冲绘制所有2D图标到一个平面,点击此平面时,精确到平面内的三角形,从而确定具体的物体。此方法可以解决一次性绘制上万个点位且点选场景。

问题三: 解决三维可视化模型仿真问题

解答:
方法一:需要三维建模设计师在模型中事先设计好灯源灯光位置等参数,配合三维软件开发工程师,按照设计好的灯源灯光位置,补上灯光之后,模型仿真度至少提高50%以上。如果你的模型不够真实,可能因为没有灯光。

问题四:模型大小问题(建模模型过大)

解答:
方法一:需要专一的游戏建模工程师对模型进行优化。(与此方法对应:不可使用Revert、CAD、倾斜摄影技术、UG等建模,通常这种工业级的建模,模型巨大,动则上GB)

问题五:如何架构设计天空盒?

解答:通过后台配置Excel,利用Action动态传到前台按照配置加载即可。
3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结

项目演示

3D可视化楼宇效果视频
三维建模动画Demo演示
三维建模智能楼宇演示
搜索源代码及其他在线演示代码

智能楼宇可视化系统果图

3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结
3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结

3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结