canvas-sketch
[beta] A framework for making generative artwork in JavaScript and the browser. (by mattdesl)
saxi
Tools & library for driving the AxiDraw pen plotter (by nornagon)
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 | saxi | |
|---|---|---|
| 12 | 5 | |
| 4,904 | 454 | |
| - | - | |
| 5.0 | 6.7 | |
| 3 months ago | 17 days ago | |
| JavaScript | TypeScript | |
| MIT License | GNU Affero General Public License v3.0 |
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)
saxi
Posts with mentions or reviews of saxi.
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?
-
My drawing robot in action
I use an opensource tool called Saxi to interface with the plotter. It's super easy! https://github.com/nornagon/saxi
-
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.
-
Gifts for an Axidraw lover
A raspberry pi to run a little server running https://github.com/nornagon/saxi is something I personally use all the time.
-
An intro to Pen Plotters (2019)
+1 for the AxiDraw. The author does link to this page: https://github.com/beardicus/awesome-plotters which has some good AxiDraw resources.
I became much happier with my setup when I switched to running the AxiDraw from a Raspberry Pi using Saxi: https://github.com/nornagon/saxi
What are some alternatives?
When comparing canvas-sketch and saxi you can also consider the following projects:
flowfields
GRBL-Plotter - A GCode sender (not only for lasers or plotters) for up to two GRBL controller. SVG, DXF, HPGL import. 6 axis DRO.
p5.js-svg - SVG runtime for p5.js.
axidraw - Software for the AxiDraw drawing machine
canvas-engines-comparison - Performance comparison of different canvas rendering engines.
plotink - Common files for Inkscape extensions to drive EggBot, WaterColorBot, and similar plotter-type machines
vpype - The Swiss-Army-knife command-line tool for plotter vector graphics.
AMaDiA - Astus' Mathematical Display Application : A GUI for Mathematics (Calculator, LaTeX Converter, Plotter, ... )
PIXELSYNTH
awesome-plotters - A curated list of code and resources for computer-controlled drawing machines and other visual art robots.
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]