分享
查看: 3008|回复: 0

[公告] ThingJS开发介绍

[复制链接]

ThingJS开发介绍

发表于 2020-12-31 16:20:32 来自 公告 阅读模式 倒序浏览
zzv_icon3008 zzr_icon0 查看全部

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

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

2、在线开发:场景搭建完成后会自动同步到在线开发平台进行应用开发。开发是用纯JavaScript脚本进行,普通前端开发人员都可完成,无需3D开发经验。

3、数据对接:通过ThingJS API可以对接业务数据、监控视频等功能,形成一个完整的3D可视化应用项目。

4、应用部署:系统在线调试、测试无误后,就可以部署了。目前我们提供两种方式,在线部署在ThingJS云平台上,或者下载离线部署包在您本地环境部署。


园区搭建


       a、ThingJS将通过campusbuilder(模模搭)搭建出来的场景称为园区,campusbuilder是一个园区搭建工具(下载地址:https://store.thingjs.com/tools ),支持用户通过3dsmax软件(2016,2019,2020三个版本)制作并上传标准材质模型,同时也支持用户直接将标准材质的 fbx、obj、3ds、stl、dae等等格式模型(具体支持的格式可看:http://forum.thingjs.com/thread-69124.htm)导入至campusbuilder客户端中使用。

ThingJS开发介绍

       b、campusbuilder模模搭无法去制作模型,但可以通过画墙制作楼层结构(点击此处查看如何搭建室内结构),模模搭主要的功能就是将用户的模型上传至模模搭中,按照用户规划好的图纸去制作园区,并给需要控制的模型设置ID或者自定义属性,方便前端开发人员去操作这些模型并制作对应的可视化功能。

       c、campusbuilder模模搭搭建好的园区场景,可以通过点击立即通过,将场景同步至ThingJS在线开发平台中的园区列表 (ctrl +J 快捷键可弹出园区列表)中,用户也可导出tjs文件上传至ThingJS在线开发平台,上传tjs场景文件也需打开园区列表。 

       d、当园区场景已经上传至ThingJS在线开发平台后,用户还可以将该场景放置在地图场景(ctrl +K 快捷键可弹出地球列表)中去进行一个叠加。叠加有两种方法,第一种通过CityBuilder编辑器(CityBuilder编辑器入口即地图场景中的新建地图),进入编辑器后,左侧工具栏中有一个场景栏,点击后面加号即可在地图场景中叠加园区场景。第二种则是通过脚本去代码控制(官方示例 - 地球 - 加载园区)


       e、campusbuilder模模搭有视频教程:(https://store.thingjs.com/videos campusbuilder教程)以及使用手册:

ThingJS开发介绍


在线开发


       a、ThingJS提供了让用户在web端编程的在线开发平台,可以让用户在平台中去调用ThingJS的相关API,制作可视化项目。平台使用的是JavaScript语言,前端工程师零基础即可入门使用ThingJS去开发可视化项目。

ThingJS开发介绍

       b、在线开发平台左侧提供了不断增加的官方示例,这些示例可以让用户能够更快地去了解如何使用ThingJS的api去制作可视化项目,包括电子围栏、物体顶牌、文字标注、数据对接、巡游等官方示例,均在我们的在线开发平台中有相应的源码示例以及关键注释。


       c、在线开发平台中还包含了CityBuilder地图城市搭建工具入口(ctrl +K 快捷键可弹出地球城市列表),同时在线开发平台中还有着一系列快捷功能以供使用(ThingJS平台使用小技巧:http://forum.thingjs.com/thread-69196.htm)。


数据对接


       a、可视化项目大多数都会涉及到数据对接的需求,ThingJS平台支持前端工程师使用 ajax 、jsonp、 websocket 、 mqtt四种方式进行数据对接,并且这四种方式均有相应的官方示例提供,用户可以在ThingJS的在线开发平台中去查看。


       b、平台还提供了视频、音频的使用方式,ThingJS直接支持h5视频的使用,若是用户有标准监控摄像头的视频接入需求,ThingJS LiveServer(ThingJS官方视频流服务器)也能将GB28181视频流、RTSP视频流转成H5视频流,以供用户使用。


应用部署


       a、使用ThingJS制作的项目,如需正式商用,需购买部署服务获得商用授权。部署后的项目将会获得以下权益(此图片仅供参考,具体收费标准以ThingJS价格页为主:https://www.thingjs.com/guide/price):

ThingJS开发介绍

    

       b、目前部署分为在线部署和离线部署,具体部署费用以价格页上为准,其中在线部署是项目部署到ThingJS的服务器上的,离线部署是可以将项目部署到用户自己的服务器上的,在正确进行打包操作后,相应资源也会打包至ThingJS离线部署包,以供用户在无网络的情况下本地访问或者通过内网去访问。



avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t