ThingStudio森工厂开发者社区

发帖
分享
查看: 1880|回复: 0

[分享] 低代码中控制门的开关

[复制链接]

低代码中控制门的开关

发表于 2023-12-19 16:45:37 来自 分享 只看大图 阅读模式 倒序浏览
zzv_icon1880 zzr_icon0 查看全部
本帖最后由 18979425409 于 2023-12-19 16:45 编辑

在低代码中，通过代码来控制门的开启和关闭，如图所示：
低代码中控制门的开关



实现步骤：
1.在森园区或者模模搭中添加门的时候，给门设置属性（id或者名称），为了在低代码中通过query方法可以查询到门模型；
低代码中控制门的开关

2.在低代码中，通过门的属性找到门模型，并获取动画名称
2.1 获取到门模型
  1. //第一种方式：通过id查询
复制代码
低代码中控制门的开关
2.2 获取到动画名称数组
  1. 模型对象.animationNames
复制代码
低代码中控制门的开关

3 使用开启门动画和关闭门动画
3.1 使用开门动画
  1. app.query('door2')[0].playAnimation("Auto_Open")
复制代码
低代码中控制门的开关
3.2 使用关门动画
  1. app.query('door2')[0].playAnimation("Auto_Close")
复制代码
低代码中控制门的开关

4.代码实现总结：
  1. // 加载场景代码
  2. var app = new THING.App({
  3.     url: '/api/scene/86df42126ad94dcac1ec166b'
  4. });
  5. // 绑定场景加载完成
  6. app.on("load", function () {
  7.     //切换到第二楼层层级
  8.     app.level.change(app.query(".Floor")[1])

  10. //创建按钮
  11.     new THING.widget.Button('开门', openDoor)
  12.     new THING.widget.Button('关门', closeDoor)

  14. })
  15. function openDoor() {
  16.     app.query("#门2")[0].playAnimation("Auto_Open")
  17. }

  19. function closeDoor() {
  20.     app.query("#门2")[0].playAnimation("Auto_Close")
  21. }
复制代码




可视化, 三维, ThingJS, 数字孪生城市, 物联网

相关帖子
回复

举报

avatar
游客~
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

avatar
18979425409

高级会员

  • 主题

    81

  • 帖子

    87

  • 粉丝

    0

关注 发私信
Ta的新帖
130700ppkpl8x3t7tt1b1t

© 2013-2016 Comsenz Inc. Powered by Discuz! X3.4