基于WebGL无插件虚拟场景漫游关键技术（完整版）ThingJS

#三维可视化##3D开发#

1. WebGL, ThingJS及3DSMAX
2. 虚拟场馆漫游技术构建

• 基础组件
• 加载三维模型
• 实现虚拟漫游
• 渲染优化
  

如果要构建一个具有交互性和拓展性的沉浸式漫游场景，常用到3DSMAX、three.js等软件技术，学习门槛较高；ThingJS可视化组件更加轻量化，B/S架构下的3D可视化应用构建更轻松，为不少企业客户降低了项目开发成本。

WebGL、ThingJS及3DSMAX技术实现

WebGL是一种浏览器支持的3D绘图技术，无需下载插件，有跨平台跨终端的特性。如今广泛应用到三维可视化项目中，包括虚拟校园、全景看房、可视化大屏应用等。

ThingJS平台简化了在线开发步骤，本文总结一种更通用、更合理的实现方法，全程提供3D源码，保证了统一的基础架构，加速3D项目开发：

1. 在CampusBuilder客户端可以搭建3D场景，并利用模型扩展库，避免过多的建模压力；
2. 如果有精模需求，则可以在3DSMAX中完成建模，利用3D插件将模型导入3D场景中，不重要的场景则可以隐藏或者优化掉。

3D场景应该作为一个整体来看，但是若干部件（如墙体、展柜、门等）都是独立导出的，比如门设置了动画属性，则可以在平台上进行交互开发。

CampusBuilder有自带的保存格式，数据和ThingJS技术引擎是共享的，可读取的主流三维文件格式如下：J