canvas-sketch VS p5.js-svg

I believe mattdesl/canvas-sketch has some tools to help export a p5 sketch as svg. I haven't used it for that purpose yet but if I was going to try it, this is where I would start.

I know people have gotten p5 to run in canvas-sketch and that canvas-sketch has the capability to output svg

The basics: I generated this plot via a program I wrote. That program was written in Javascript, using the p5.js library for drawing lines and stuff, and canvas-sketch to generate the SVG for plotting. I passed the SVG through vpype to merge & sort the lines, and then connected to the AxiDraw using saxi. Not knowing where you're at, those are a good choice to get started—Javascript is an okay language, and p5.js is really good for just getting stuff appearing on the page. And you can just start with the first 2, and add vpype and saxi later.

Yep! Using it wrapped with Matt DesLauriers' canvas-sketch, which I've found really useful for local development, especially exporting.

With canvas-sketch[1] you hit a keystroke when you see a generation you like, and it runs git commit, captures a print resolution output, and exports it as a file tagged with git hash and optional PRNG seed suffix. This way you can reproduce exactly a generative artwork from years ago, without the hassle of manual git/shell commands, and with any file/image viewer.

[1] - https://github.com/mattdesl/canvas-sketch/blob/master/docs/e...

Another way to get svgs out of p5js is to use canvas-sketch (https://github.com/mattdesl/canvas-sketch) but i have been having a few other issues with that and haven't integrated it into my workflow yet.

If you want to get your hands dirty, I'd recommend canvas-sketch by MattDesl. It's a nice all-in-one package for a sort of 'visual REPL'.

Previously, I used canvas-sketch which is also really nice.

Made with canvas-sketch (highly recommended - it makes exporting GIFs a piece of cake)

Hi I usually have same trouble with hidden objects. The p5js remove() function doesn't work for me when i use P5.js +p5.js-svg

I use p5.js and the p5.js-svg plugin.

ez volna az?

You tried something like this? First thing that jumped to mind was you’re gonna need to change the rendering context from canvas to SVG. Canvas is inherently pixels so not sure if you’re gonna be able to do canvas->SVG.

I'm currently exporting svgs from p5js using the svg runtime. I'm drawing text, and my goal is to then plot the SVGs that I create using an axidraw.

There are libraries (i.e. https://github.com/zenozeng/p5.js-svg) that give you a SVG runtime. It's really useful since you are still working with a canvas but behind the scenes it's SVG.

I’ve previously used: https://github.com/zenozeng/p5.js-svg

You can use p5.js-SVG https://github.com/zenozeng/p5.js-svg and print the resulting SVG.