He visto esta animación en Webflow, donde básicamente una bola (div) se mueve entre diferentes puntos de la pantalla al desplazarse e incluso es consciente de los "obstáculos".

https://css-19dd88.webflow.io/

Esto también parece funcionar de manera receptiva. Al mirar el código no hay lienzo ni svg/ruta.

¿Cómo se puede replicar esto usando CSS y javascript vainilla? ¿Cómo se puede definir la trayectoria y los obstáculos de tal manera que incluso funcione de manera receptiva?