How to realize animation hotspot

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