本文主要是介绍ThingJS官方示例(三):3D标记“Marker”跳跃、闪烁和发光动画效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
物联网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 () {
这篇关于ThingJS官方示例(三):3D标记“Marker”跳跃、闪烁和发光动画效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!