ThingJS搭建项目流程解析

在使用ThingJS开发物联网项目时，常常会由于ThingJS制做三维可视化项目四步骤中的第一步而望而却步，那么ThingJS的三维可视化项目四步骤是哪四个步骤呢？

ThingJS平台开发3D可视化应用通常包括四个步骤：园区搭建、在线开发、数据对接、应用部署。

园区搭建

ThingJS平台自带三维场景搭建工具，可以知足不一样场景下的三维搭建要求。CampusBuilder主要是面向小型园区及该规模如下的场景搭建；CityBuilder面向城市级，提供更大场景搭建的三维搭建组件；

1.CamBuilder是否彻底免费？
不彻底免费，CamBuilder园区搭建工具可用于摆放模型，绘制墙体以及制做室内结构等功能，同时，CamBuilder中还有obj模型上传功能，须要说明的一点是，CamBuilder绝大部分使用是免费的，这意味着，若是您在尝试使用CamBuilder去制做您的三维可视化场景时，使用CamBuilder不会收取您的任何费用，CamBuilder的部分增值服务是收费的，目前收费的有处于测试版本的CAD导入功能，导出EXE文件、导出3dsmax可识别格式文件等等，这些功能属于不影响使用CamBuilder搭建三维可视化场景以及后续开发，只针对有强烈意向用户使用。

2.CamBuilder如何上传本身的模型？
除此以外，CamBuilder还有一个OBJ模型上传功能，该功能一样是免费功能，但ThingJS推荐您使用ThingJS的3dsmax模型上传插件去上传您的模型，这是由于经过3dsmax模型上传插件上传的模型，在上传以前会由插件进行检测，阻止那些没法在ThingJS中正常使用以及可能出错的模型上传到ThingJS中去，所以ThingJS在其官方网站的资源中心中，专门有《3ds Max模型上传插件使用教程》、《3D模型制做标准》两个文档，来提醒用户如何下载安装上传插件以及制做标准的模型并上传。还有的用户会问，个人BIM模型或是rvt模型或者其余渠道的模型可以上传到CamBuilder中使用吗？答案是能够，可是这些模型都是须要经过3dsmax模型上传插件才能上传，而且在上传以前还须要通过诸如删减线之类的轻量化操做，而且还得符合《3D模型制做标准》后才能正常上传使用。

3.CamBuilder中的场景在个人多台电脑中版本不一致？
用户在公司使用CamBuilder搭建园区时，下班后有的用户会在家中的电脑继续搭建园区，这个时候就会遇到两台电脑中的园区场景不一致的状况，可能是出现公司电脑场景制做好了，家里的电脑仍是旧版本的，这个时候千万不要盲目操做，CamBuilder的同步是先去ThingJS的云端中获取有变化的场景或者模型等，当云端没有发生变化时，就会检索客户端的更新，若是客户端出现了更新，就会把更新的场景提交到云端。因此在制做完场景后要记住，最新制做的场景若是确认无误后，保存后就应该点击当即同步，这样制做的最新场景就会同步到ThingJS云端，替换掉以前云端的旧场景，当最新的场景在云端中后，您在您家中的电脑客户端点击当即同步，云端的场景就会将您本地的旧场景覆盖掉，使得您家中电脑的场景也变成公司中最后一次保存的场景（常见状况：两个客户端场景版本不一致；失误操做及结果：旧场景打开后进行操做，发现不是最新场景，保存后点击当即同步，而后发现本来ThingJS在线开发中原本是最新场景的，变成了如今的旧场景，甚至当您启动您的公司电脑客户端，也点击当即同步后，您云端的旧场景还会把您的新场景给顶替掉）。

4.CamBuilder场景如何在ThingJS中使用？
最后一个关键之处则是用户会问到的，CamBuilder搭建的场景如何去ThingJS在线开发环境中使用呢？首先，CamBuilder中有一个同步机制，默认是启动CamBuilder十分钟后同步您的场景、模型贴图等信息至ThingJS，正在编辑的场景则不会被同步上去，许多用户在搭建完CamBuilder场景后进入ThingJS中发现没有该场景，可能是由于场景尚未被同步到ThingJS在线开发平台中（少部分是因为CamBuilder的登陆帐号和ThingJS的登陆帐号不一致形成的），只须要在CamBuilder客户端中点击当即同步，等待左下角提示同步结束后，便可刷新ThingJS网站页面，双击园区列表中的场景缩略图，引用并开发该场景。（代码中对场景的任何修改都不会改变CamBuilder中的原始场景）

在线开发

场景搭建完成后会自动同步到在线开发平台进行应用开发。开发是用纯JavaScript脚本进行，普通前端开发人员均可完成，无需3D开发经验。
5.ThingJS快捷功能
在线开发三维可视化场景时，咱们能够借助ThingJS在线开发平台中左侧的官方示例以及上方工具栏中的快捷代码（详情可看https://zhuanlan.zhihu.com/p/145507382）

数据对接

经过ThingJS API能够对接业务数据、监控视频等功能，造成一个完整的3D可视化应用项目。
数据对接功能在官方示例中数据示例中有相关代码以及注释说明，ThingJS支持的数据对接方式有：ajax、jsonp、websocket、mqtt这四种，相关代码均在ThingJS在线开发平台中。
同时视频流也是有相应支持的，ThingJS使用视频流显示视频在ThingJS官方示例-视频-HTML5视频示例中有详细介绍及代码说明。

应用部署

系统在线调试、测试无误后，就能够部署了。目前咱们提供两种方式，在线部署在ThingJS云平台上，或者下载离线部署包在您本地环境部署。