Hi Everyone, I am searching for a solution to move objects along vector paths (ex.: svg). I thought is a simple thing as the AE Lottie plugin is using something similar (AE animations converted to SVG - JSON to reproduce animation in Javascript) lottie.loadAnimation({ container: element, // the d…

can you show a simple example sketch that shows the data? Preferable not svg but an ArrayList of Vectors e.g.?

Thanks for the reply Chrisir. A very simple path .json data in Lottie looks like this: {“v”:“4.5.5”,“fr”:60,“ip”:0,“op”:65,“w”:500,“h”:500,“ddd”:0,“assets”:[],“layers”:[{“ddd”:0,“ind”:0,“ty”:4,“nm”:“doneIcon contornos”,“ks”:{“o”:{“a”:0,“k”:100},“r”:{“a”:0,“k”:0},“p”:{“a”:0,“k”:[250,250,0]},“a”:{“a…

Thanks here is a simple movement using curvepoint (comparable to lerp) [image] Bezier Curve move weight points Coding Questions In addition to my post (that has been linked above) a small sketch. Chrisir ArrayList<SimplePoint> bList = new ArrayList(); boolean runPoin…

Follow vector path

p5.js Libraries

Topic		Replies	Views
Como hacer movimientos avanzados Español	6	2196	April 17, 2020
PVectors, traveling a path Coding Questions	4	1013	October 30, 2018
Drawing array of curves from PVector Coding Questions	12	863	December 9, 2021
Align the arrows with the route or how to follow a path (planes) Coding Questions	17	361	March 12, 2023
Creating a (vector) path from acceleration values derived from txt file Processing	6	1117	July 30, 2018

Follow vector path

Related topics