SVG to vertex code for P5JS

p5.js
1

Hi

I’m trying to implement an SVG file into P5JS

Since, as I currently understand, that is not supported, I was wondering if there is a known tool to parse the SVG to P5JS shape code (ie beingShape, vertex etc…).

Adding a link of the Processing sketch I’m trying to recreate in P5JS:
Sketch Example

2

Hi
For this type of animations, you should take a look to anime.js, ready-to-use to anime svg, and really simple to use. It could be more painful in p5.

But if you really want to do it with p5, i have an old processing sketch witch convert .svg files into arrays of points in a .txt file. You will be able to to use these points to redraw your shape in p5 : https://github.com/R4ph3rd/generative/tree/master/svg_to_array

2 Likes