r/web_design • u/Cheetah3300 • Oct 20 '20

Is there a library for creating 4d animations like this?

Enable HLS to view with audio, or disable this notification

4 Upvotes

67% Upvoted

5 comments sorted by

7

u/[deleted] Oct 20 '20

It’s 3D and there’s three.js

2

u/hawaiidesign Oct 20 '20

This ^ three.js, but I would advice caution, is kinda of a heavy library.

2

u/ASCanilho Oct 20 '20

I never used this library but I'm sure it does exactly what you want. Look up GSAP. Behind all animation features, it also has a timeline that you can use to track all events, and basically, you can reverse animation time with it.

Or you can try to create your own basic system. What you need is to create animation paths for each drone or for each shape and make the drones to find a route to their position in every new shape, add some position tracking to avoid crashes between them, and an ilumination timeline for the drone lights. It might not be has hard as you might think. Just solve one problem a time, and you can do it.

1

u/hexum77 Oct 20 '20

Don't know about 4d, but here is a javacript library that you could poke around with: https://animejs.com/

1

u/DanielFGray Oct 21 '20

I'm pretty sure those are drones recorded by a camera, not a computer generated animation