分享
查看: 435|回复: 0

[分享] 代码实现雷达扫描效果

[复制链接]

代码实现雷达扫描效果

发表于 2024-8-16 15:53:22 来自 分享 只看大图 阅读模式 倒序浏览
zzv_icon435 zzr_icon0 查看全部


1.效果展示图。具体可查看项目链接:https://www.thingjs.com/s/60f2acd8d87c6d6b9dcfde9c
代码实现雷达扫描效果

2.代码实现:

  1. // 加载场景代码
  2. var app = new THING.App({
  3.     url: 'https://www.thingjs.com/static/models/factory',  // 场景地址
  4.     background: '#000000',
  5.     env: 'Seaside',
  6. });

  7. $.ajax({
  8.     url: '/uploads/wechat/703071/file/雷达/radar.html',  //启动界面地址
  9.     type: 'get',
  10.     dataType: 'text',
  11.     success: function (data) {
  12.         // 添加启动界面到页面中
  13.         $('.div2d').append(data);

  14.     }
  15. })
  16. app.on("load", function () {
  17.     // 给
  18.     marker = app.create({
  19.         type: 'Marker',
  20.         name: '雷达',
  21.         alwaysOnTop: false,
  22.         size: 1,
  23.         parent: app.query("car01")[0], // 绑定父物体
  24.         //两种写法:获取dom元素
  25.         // element:markDown,
  26.         element: document.getElementById('radar'),
  27.         localPosition: [0, 2, 0],
  28.         angles: [270, 0, 0],
  29.         useSpriteMaterial: false,  //默认是开启精灵材质(始终面向摄像头)
  30.         complete: function (ev) {
  31.         }
  32.     })
  33. })



复制代码


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

本版积分规则

130700ppkpl8x3t7tt1b1t