【ThingJS | 3D可视化】开发框架，一站式数字孪生

原创

已于 2025-03-14 00:42:43 修改 · 3.1k 阅读

于 2023-08-23 15:58:23 首次发布

本文围绕ThingJs低代码开发展开，介绍了ThingJs在线开发工具的使用注意点，包括物品成为独立管理对象的条件。还阐述了场景效果配置，如灯光、天气等设置。重点讲解了层级和楼层相关的API及事件处理，此外还提及创建按钮、摄像头、管线等操作。

在这里插入图片描述

博主：_LJaXi Or 東方幻想郷
专栏： 数字孪生 | 3D可视化框架
开发工具：ThingJS在线开发工具

ThingJs 低代码开发

注意点

有问题直接戳官网: ThingJs 在线开发工具

对象拾取: 只有物品编辑了 UserID Name 或者添加 自定义属性 之后, 导入到 ThingJs 中才能成为独立的管理对象,被程序读取或修改

场景效果配置

灯光配置

app.lighting = {
   
   }

后期设置(美化效果)

app.postEffect = {
   
   }

天气效果

app.fog = {
   
   } // 雾化效果
apep.create // 接口创建粒子，实现雨雪效果
例子类型：'ParticleSystem'

动态天空及天空盒

app.ksyEffect = {
   
   }

在这里插入图片描述

层级

层级常用API

app.level.change(object); // 层级切换到指定对象

app.level.back(); // 返回当前层级的父物体层级

app.level.current; // 获取当前的层级对象

app.level.previous; // 获取之前的层级对象

实例化 Thing，加载场景

var app = new THING.App({
   
   
    url: '', // 场景url
    background: '#00000', // 场景颜色
    env： ‘Seaside' // 主题吧，忘了
})

load 加载函数

app.on('load', (ev) => {
   
   
    app.level....
})

ThingJs 层级关系图

在这里插入图片描述

查找层级

app.query('.Building'); // 查找物体类是 Building 的对象
app.query("car01")[0]; // 查询名称(name)是 car01 的对象
app.query("[alarm]"); // 有物体类型属性的，无论值是什么
app.query('["userData/物体类型"="粮仓"]'); // 查询物体类型属性是粮仓的对象
app.query("[levelNum>2]"); // 查询levelNum大于2的对象，支持 <=, <, =, >, >=

// 支持链式查询
app.query('.Building').query("[alarm]");

// 正则表达式(RegExp)对象
app.query(/car/); 
/
var reg = new RegExp(/car