基于WebGL的在线3D建模与互动脚本开发系统 ThingJS

#三维可视化##3D开发#
ThingJS编辑界面布局
3D建模与场景搭建方法
交互控制脚本开发关键点

ThingJS平台基于 Web GL中的3D框架进行3D开发，界面设计采用HTML5，系统脚本采用 JavaScript。完整的平台系统包含七大模块：3D场景搭建、模型操作、模型导入、模型导出、场景渲染、压缩与解压、信息存储与显示。

各模块独立又紧密联系，核心的核心主要是3D建模与场景搭建、交互控制开发，ThingJS本着加速3D项目开发的原则，做了间接的封装，拥有自己的平台特色。

ThingJS编辑界面布局

平台只有一个主界面，分为三个区域：在线开发工具栏、3D编辑器及3D场景渲染区域。场景渲染区域为用于实时渲染整个场景的3D数据，同时用户也可以在这上面进行鼠标交互操作，例如缩放、旋转、平移等；在线开发工具栏区域提供官方示例及用户创建并保存的项目；3D编辑器区域展示了打开的项目或文件的内容，包含对象列表、几何信息、材质信息等，同时，用户可以通过编辑修改这些信息来改变对象的材质或属性等。

3D场景所需要的基本要素包括渲染器、场景、相机、灯光、物体，ThingJS 3D引擎都已经封装成js库，不需要再造轮子，当然，缺少其中某一样都不能构成一个完整的3D场景。

下面就来谈谈3D场景创建、脚本开发构建的过程，分成3D建模、交互控制两部分。

1. 3D建模与场景搭建