ThingJS官方示例（三）：3D标记“Marker”跳跃、闪烁和发光动画效果

ThingJS_小锘

于 2020-12-25 20:34:59 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： ThingJS 3D可视化物联网文章标签： javascript

本文链接：https://blog.youkuaiyun.com/ThingJS/article/details/111704816

物联网3D可视化中，ThingJS的3D标记'Marker'常用于线路和区域标绘。Marker能展示文字、图片，并随物体移动。官方示例新增了跳跃、闪烁和发光等3D动画模式，开发者可通过源码体验创新乐趣。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

物联网3D可视化场景中，经常用到标注元素作为线路标绘、业务区域标绘，比如定位物联网设备或危险源位置，进行安全作业或者路径导航规划，远程解决难题。

ThingJS的3D标记“Marker”，往往用于顶牌，有两个主要作用：

传入div, image或canvas写文字，展现在3D场景中或绑定在3D物体上；
添加一个图片放置到你希望的位置，作为孩子添加到对象身上，随着对象一同移动。

注意，标记Marker受距离远近影响，呈现近大远小的 3D 效果，也会在 3D 空间中实现前后遮挡。

功能列表更新Marker动画模式，实现跳跃、闪烁、发光等物体效果，可以利用ThingJS 3D源码来开发，体验动手的乐趣！

官方示例查看地址>>
以跳跃动画为例：

// 创建文字+图片标注
    createElement("textAndPictureMarker");
    // 创建普通图片标注
    createElement("pictureMarker");
    // 创建文字标注
    createElement("textMarker");

    // 跳跃动画
    new THING.widget.Button('跳跃动画开启', function () {

最低0.47元/天解锁文章