ThingJS搭建项目流程解析

摘要:
ThingJS平台开发3D可视化应用一般包括四个步骤:园区搭建、在线开发、数据对接、应用部署。园区搭建ThingJS平台自带三维场景搭建工具,能够满足不同场景下的三维搭建要求。同时视频流也是有相应支持的,ThingJS使用视频流显示视频在ThingJS官方示例-视频-HTML5视频示例中有详细介绍及代码说明。目前我们提供两种方式,在线部署在ThingJS云平台上,或者下载离线部署包在您本地环境部署。

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

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

ThingJS搭建项目流程解析第1张

园区搭建

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

免责声明:文章转载自《ThingJS搭建项目流程解析》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇IdentityServer4 中文文档 -11- (快速入门)添加基于 OpenID Connect 的用户认证unity3d--NGUI制作中文字体下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

阿里云全球加速的跨境加速的网络解决方案

客户都在国内,但是源站服务器在美国 这种情况下, 我带宽包应该买什么样的? 是“基础带宽包”里的“精品加速带宽”? 还是买“跨域加速带宽包”? 如果您的源站服务器是在美国的阿里云上, 推荐使用标准加速包+跨域加速带宽包。 如果您的源站服务器不在美国的阿里云上, 推荐使用增强加速+跨域加速带宽包。 跨域加速带宽包时给源站和加速目标区域 存在跨境的情况使用的一...

kubernetes集群部署

鉴于Docker如此火爆,Google推出kubernetes管理docker集群,不少人估计会进行尝试。kubernetes得到了很多大公司的支持,kubernetes集群部署工具也集成了gce,coreos,aws等iaas平台,部署起来也相当的方便。鉴于网上众多资料基于的是不少老版本,本篇文章针对最新的kubernetes及其依赖组件的部署简要阐述...

Docker最全教程——从理论到实战(六)

Docker最全教程——从理论到实战(六) 托管到腾讯云容器服务托管到腾讯云容器服务,我们的公众号“magiccodes”已经发布了相关的录屏教程,大家可以结合本篇教程一起查阅。   自建还是托管? 在开始之前,我们先来讨论一个问题——是自建容器服务还是托管到云容器服务? 这里笔者建议大家托管到云容器服务。对于中小团队来说,很多情况下,团队中的运维人员是缺...

建智能工厂,可从这6个方面着手!

最近,与制造企业客户进行有关智能工厂建设方面的交流时,看到生产效率与日本、欧美国家等发达国家的巨大差距后,很多管理者往往着急地说,我要再买些机器人加强自动化,或者说我要加强考核,让工人提高效率。 认识到自己与别人的差距,并有决心去行动、去改变,这是非常值得肯定的事情,但智能工厂是个系统工程,而不是从某个单一环节上就能解决的,光靠购买大量的设备或者仅对工人加...

倒计时 | 7.24 阿里云 Serverless Developer Meetup 杭州站报名火热进行中!

本周六阿里云 Serverless Developer Meetup 即将亮相杭州 分享嘉宾 & 议题介绍 13:30-14:00 | Serverless Devs:那些你不得不知的新特性 江昱 阿里云 Serverless 产品经理 议题简介:业内首个支持主流 Serverless 服务/框架的云原生全生命周期管理的平台 Serverless...

“FPGA+云"助力高性能计算

用AI防鲨鱼、用AI学写中国书法、用AI预测人类死亡时间、用AI审判罪犯……在人工智能方兴未艾的今天,越来越廉价和普及的AI领域真的是什么都不值钱,除了想象力。那在这无所不能的AI盛世,一定没道理让算力限制我们的想象力,更没道理让算力限制了我们的生产力。 从CPU到CPU+,从+GPU到+FPGA 随着通用处理器(CPU)的摩尔定律已入暮年,从美国的微...