ThingJS开发流程

回复

本帖最后由 thisisYXY 于 2022-3-8 11:59 编辑

ThingJS开发流程

一、搭建场景

(一) 园区级场景

1. 获取模型—支持使用森插件3DsMAX调节模型效果,单软件完成所有模型设计工序

a) 自有模型

• 通过客户端上传自有模型

• 通过3DsMAX插件上传模型

b) 购买平台提供的模型

c) 平台提供建模服务（包含优化）

2. 客户端搭建CampusBuilder—保存同一账号下自动同步至ThingJS在线开发

3. 在线搭建CampusBuilderOnline—保存同一账号下自动同步至ThingJS在线开发

(二) 城市级场景

1. 森城市CityBuilder生成3D城市—森城市CityBuilder/Pro调节园区、城市效果

a) 园区 3D 可视化，可添加公共场景，也可将 CampusBuilder 中搭建的园区加载到 CityBuilder 中

b) 城市 3D 可视化，可通过图层快速搭建城市建筑，添加城市道路、水系等，支持图层效果设置

c) 地球 3D 可视化，可为地球添加地图做底图，可调节底图滤镜颜色

2. 上传自有数据

3. ThingJS3D城市白模制作服务

二、开发应用

(一) 在线开发

1. 加载场景

a) 加载线上场景—点击园区直接选择

b) 加载地图

c) 进行场景效果配置，如天空盒

2. UI资源生产及引入

3. 创建物体

a) 模型物体

b) 基本形体

c) 粒子

d) 线

e) 其它

4. 物体效果设置

a) 颜色

b) 透明度

c) 其他

5. 事件绑定和顶牌控制

6. 层级切换

7. 摄影机飞行

(二) 离线开发—可对项目进行离线部署

1. 离线开发网络版

a) 下载“ThingJS离线开发网络版”压缩安装包—安装Git—配置—登录授权—开发—搭建场景安装CampusBuilder/ 应用开发安装Git

b) 离线开发—下载离线开发包—离线环境继续开发

2. 离线开发坐席版

a) 插入秘钥 U 盘—配置编辑器和浏览器—开始离线开发

b) 已有项目离线开发—下载离线开发包—离线环境继续开发

(三) 支持其他个性化开发

1. 个性化图表开发—森大屏ThingJS UI通过拖拽组装可视化大屏

2. 2D拓扑图—森拓扑TopoBuilder在线绘制物联网拓扑图、组态图、电力图、流程图等多种类型的图表

3. 倾斜摄影处理服务—支持倾斜摄影osgb数据转换后在浏览器浏览并进一步应用开发

4. 视频流转换—森视频LiveServer支持GB28181、RTSP协议下的视频流转换为H5视频流功能，通过ThingJS API 可以对接业务数据、监控视频等功能，形成完整的3D可视化应用

(四) ThingJS框架代码服务

平台为用户快速构建符合项目基本需求的3D可视化框架代码资源（包括源码、3D模型、贴图、数据等）

三、对接数据

支持四种数据对接方式，可与第三方物联网系统进行通信（数据传输）

(一) Ajax

(二) JSONP

(三) WebSocket

(四) MQTT

四、发布项目

(一) 在线部署—适用于可在线部署运行或需向互联网用户提供访问的数字孪生3D可视化应用项目部署

(二) 离线部署

1. 临时部署包—用于需项目离线部署的用户在离线部署环境测试，有效期为 7 天，显示 ThingJS 官方水印

2. 永久部署包—私有服务器部署商业或正式应用，完全隔离互联网，安全有保障

[分享] ThingJS开发流程

ThingJS开发流程

相关帖子