优锘科技&学堂在线 - 数字孪生可视化开发技术训练营 学习笔记.1

---

【文章简介】：笔者参加了一个由学堂在线和优锘科技（以下简称该公司）举办的数字孪生可视化开发技术训练营培训，该公司研发了低代码 3D可视化开发平台 ThingJS 相关生态链，主要用于以一种低代码简单的方式构建城市、园区等生产生活应用场景下数据展示。这些相关培训的内容也是本文的记录点。

注：本文仍在编辑 （202208）

jcLee95 的个人博客

邮箱 ：291148484@163.com

CSDN 主页：https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343

本文地址：https://blog.csdn.net/qq_28550263/article/details/126156985

---

目 录

---

1. 数字孪生的相关概念

2. ThingJS生态体系

3. 搭建园区

• 3.1 CampusBuilder 客户端的安装和启动
• 3.2 CampusBuilder 的在线使用

4. CityBuilder 搭建城市

5. ChartBuilder 构建大屏

---

1. 数字孪生的相关概念

2. ThingJS生态体系

3. 搭建园区

CampusBuilder（模模搭）是ThingJS体系内的3D园区场景搭建的客户端工具，如果你不想安装客户端，也可以在线使用 森园区（相当于 CampusBuilder 的网页版）搭建你的园区。在本文中，两种方式我们都会进行介绍。以下是我们本节实战小节搭建的效果：

3.1 CampusBuilder 客户端的安装和启动

登录完成后，你将看到如下界面：

3.2 CampusBuilder 的在线使用入口

你也可以不下载客户端而直接使用在线开发方式。在浏览器中进入 森园区 页面：https://studio.thingjs.com/campus，点击新建园区，如图所示：

页面将打开一个网页版的园区构建工具：

3.3 实战环节

这里我们随便在某度搜索一张室内设计为例，当然你也可以搜索一张产业园区的规划图纸，或者办公室的室内布局图纸：

以下是我选择的图片：

这章图片上有清晰的尺度标识，对于我们后续设定比例尺的工作是有帮助的。

接着我们以在线编辑为例进行讲解。新建园区后，我们在森园区中，首先我们需要加载该图片，作为后续放置物件的蓝图：

4. CityBuilder 搭建城市

5. ChartBuilder 构建大屏

拖拽现有大屏布局模板

6. ThingJS API 使用

6.1 ThingJS API 使用指导

你可以在 http://docs.thingjs.com/cn/apidocs/ 页面查询 ThingJS的相关 API。针对 API 文档的作用对象，目前 API 文档共分为 15 类，分别包括：命名空间、核心对象(class)、场景层级(class)、效果(class)、查询(class)、摄像机(class)、拾取选择(class)、基类对象(class)、建筑(class)、几何物体(class)、物体(class)、界面(class)、快捷界面(class)、辅助、全景图(class)、地图(class)。

7. 使用拓扑组件（TopoBuilder）