canvas-sketch
vpype
canvas-sketch | vpype | |
---|---|---|
12 | 16 | |
4,904 | 654 | |
- | - | |
5.0 | 7.8 | |
3 months ago | 10 days ago | |
JavaScript | Python | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
canvas-sketch
-
Which version of Processing should I learn if I want to plot my images with an Axidraw plotter?
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.
-
P5.js sketch, save as SVG or PDF
I know people have gotten p5 to run in canvas-sketch and that canvas-sketch has the capability to output svg
-
Islamic Geometric Art (Design #30 from Anadolu Selçuklu Sanatinin Geometrik Dili)
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.
- P5.js – A library to make coding accessible for artists, designers, educators
-
learning about flow fields
Yep! Using it wrapped with Matt DesLauriers' canvas-sketch, which I've found really useful for local development, especially exporting.
-
Creative Code Management
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...
-
p5js combined with a drawing machine and pencil [video]
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.
-
Questions about Algorithmically generated pixel art
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'.
-
My favorite part is getting them printed!
Previously, I used canvas-sketch which is also really nice.
-
Genuary Day 8: Marching coils
Made with canvas-sketch (highly recommended - it makes exporting GIFs a piece of cake)
vpype
- Building a DIY Pen Plotter
- Which version of Processing should I learn if I want to plot my images with an Axidraw plotter?
-
Helper to draw SVG from left to right (pencil/ fountain pens)
I'm not sure but that sounds like something vpype could do: https://github.com/abey79/vpype
-
Axidraw / Inkscape masking problem
If your polygons are closed you can try using vpype with the occult plug in to automatically remove invisible paths. The catch is that they really need to be closed polygons and not lines. There may be another plug in that does handle lines though.
-
Islamic Geometric Art (Design #30 from Anadolu Selçuklu Sanatinin Geometrik Dili)
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.
-
Ask HN: Software to turn black and white image into plottable SVG?
Ah, very nice.
That should reduce the effort needed to something you might be able to make quick work of, yourself, with some thought.
this website [1] recommends a tool called vpype [2] which might have an option to do what you need or might be able to be tweaked to do what you need
[1] https://www.acrylicode.com/svg-to-gcode-walkthrough/
[2] https://github.com/abey79/vpype
-
[Help] Cropping SVG problem
vpype: https://github.com/abey79/vpype occult plugin for vpype: https://github.com/LoicGoulefert/occult
- What is your workflow and goto code libraries?
-
Lots of dots issue with pen plotter
I think the lines are so small it makes dots. You can use vpipe tool to fix up stuff like this. Don't ask me for the command I just know it exists. https://github.com/abey79/vpype
-
Anyone worked out how to get an plotter to do joined up hand writing?
VPype has good tools for post-processing SVG to optimize plot speed. Simplifying the geometry and optimizing the line drawing order are the two basic things. Axidraw's Inkscape extension does some of this automatically, too.
What are some alternatives?
flowfields
vsketch - Generative plotter art environment for Python
p5.js-svg - SVG runtime for p5.js.
Grbl_Esp32 - A port of Grbl CNC Firmware for ESP32
canvas-engines-comparison - Performance comparison of different canvas rendering engines.
vpype-pixelart - Pixel art plotting in vpype
PIXELSYNTH
prettymaps - A small set of Python functions to draw pretty maps from OpenStreetMap data. Based on osmnx, matplotlib and shapely libraries.
noc-book-2023 - Nature of Code with p5.js and Notion workflow / build system. [Moved to: https://github.com/nature-of-code/noc-book-2]
WebPlotDigitizer - Computer vision assisted tool to extract numerical data from plot images.
glicol - Graph-oriented live coding language and music/audio DSP library written in Rust
inklayers - inklayers is a command line program that exports layers from an SVG file. It can be used to create slide shows by editing a single SVG file.