ThingJS搭建项目流程解析

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

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

园区搭建

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

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

2.CamBuilder如何上传自己的模型？
除此之外，CamBuilder还有一个OBJ模型上传功能，该功能同样是免费功能，但ThingJS推荐您使用ThingJS的3dsmax模型上传插件去上传您的模型，这是因为通过3dsmax模型上传插件上传的模型，在上传之前会由插件进行检测，阻止那些无法在ThingJS中正常使用以及可能出错的模型上传到ThingJS中去，因此ThingJS在其官方网站的资源中心中，专门有《3ds Max模型上传插件使用教程》、《3D模型制作标准》两个文档，来提醒用户如何下载安装上传插件以及制作标准的模型并上传。还有的用户会问，我的BIM模型或是rvt模型或者其他渠道的模型能够上传到CamBuilder中使用吗？答案是可以，但是这些模型都是需要通过3dsmax模型上传插件才能上传，并且在上传之前还需要经过诸如删减线之类的轻量化操作，并且还得符合《3D模型制作标准》后才能正常上传使用。
目前官方网站最新版本的客户端下载使用后是可以上传符合《3D模型制作标准》的其他格式的模型文件，比如fbx、obj、3ds、stl等等常用格式，更多格式说明可看：http://forum.thingjs.com/thread-69124.htm

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云平台上，或者下载离线部署包在您本地环境部署。