canvas-sketch
[beta] A framework for making generative artwork in JavaScript and the browser. (by mattdesl)
p5.js-svg
SVG runtime for p5.js. (by zenozeng)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
canvas-sketch | p5.js-svg | |
---|---|---|
12 | 17 | |
4,906 | 655 | |
- | - | |
5.0 | 3.7 | |
3 months ago | about 2 months ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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
Posts with mentions or reviews of canvas-sketch.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-05-24.
-
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)
p5.js-svg
Posts with mentions or reviews of p5.js-svg.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-06-22.
-
Variation of Two Toruses (Tori?)
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
-
Which version of Processing should I learn if I want to plot my images with an Axidraw plotter?
I use p5.js and the p5.js-svg plugin.
- Just over a month into pen plotting
-
Szoláris Magyar - Online generator program project
ez volna az?
-
P5.js sketch, save as SVG or PDF
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.
-
Tips on converting to text that fits with inkscape and/or hershey?
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.
-
P5.js – A library to make coding accessible for artists, designers, educators
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.
- Bigger size save image p5.js
-
SVG export from p5js
I’ve previously used: https://github.com/zenozeng/p5.js-svg
-
What are active JavaScript libraries for creative coding geared towards printable art?
You can use p5.js-SVG https://github.com/zenozeng/p5.js-svg and print the resulting SVG.
What are some alternatives?
When comparing canvas-sketch and p5.js-svg you can also consider the following projects:
flowfields
saxi - Tools & library for driving the AxiDraw pen plotter
canvas-engines-comparison - Performance comparison of different canvas rendering engines.
Solaris - Solaris Hungarian Generator
vpype - The Swiss-Army-knife command-line tool for plotter vector graphics.
occult - vpype plug-in to remove occulted lines in SVG files
PIXELSYNTH
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]
glicol - Graph-oriented live coding language and music/audio DSP library written in Rust
p5-hershey-js - p5.js Hershey Vector Font Library
canvas-sketch vs flowfields
p5.js-svg vs saxi
canvas-sketch vs canvas-engines-comparison
p5.js-svg vs Solaris
canvas-sketch vs vpype
p5.js-svg vs occult
canvas-sketch vs PIXELSYNTH
p5.js-svg vs canvas-engines-comparison
canvas-sketch vs noc-book-2023
p5.js-svg vs noc-book-2023
canvas-sketch vs glicol
p5.js-svg vs p5-hershey-js