How to realize animation hotspot

Like this effect.
https://720yun.com/t/e2vkumrqrfy?scene_id=42401944


企业微信截图_15857229974513
The hotspot have animation.
But the animation is a img.

@seanin
Hi! Maybe this sprite mixer will be helpful: 💃 SpriteMixer for easy sprite animations

2 Likes

Another approach is to place HTML elements on top of three.js canvas. In my example I move DIV element around, to achieve tooltip effect. Same way you can place any number of transparent divs with animated gif in it.

Working tooltop to try: http://jsfiddle.net/mmalex/ycnh0wze/

Explanation you can find here: https://stackoverflow.com/a/54438811/8742287
Don’t forget to click Like on StackOverflow, if you like it.

ezgif-6-dc14e9761f96

Another demonstration of mixing HTML elements with 3D scene is dimension labels

2 Likes