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

三维可视化智能楼宇系统开发

  • 问题总结
    • 问题一: 如何提高加载速度
    • 问题二: 提升3D可视化智能楼宇多物体渲染效率
    • 问题三: 解决三维可视化模型仿真问题
    • 问题四:模型大小问题(建模模型过大)
    • 问题五:如何架构设计天空盒?
  • 项目演示
  • 智能楼宇可视化系统果图

问题总结

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

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

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

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

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

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

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

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

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

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

项目演示

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

智能楼宇可视化系统果图

成都市 3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结_第2张图片
成都市 3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结_第3张图片成都市 3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结_第4张图片

成都市 3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结_第5张图片成都市 3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结_第6张图片成都市 3D可视化 智能楼宇(智慧园区) H5 WebGL 开发总结_第7张图片

你可能感兴趣的:(3D,BIM,3D可视化,智慧楼宇,书写人生,3D,BIM,IBMS)