Our great sponsors
-
p5.js
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
-
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.
-
noc-book-2023
Discontinued Nature of Code with p5.js and Notion workflow / build system. [Moved to: https://github.com/nature-of-code/noc-book-2]
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
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.
This is so cool! thanks for sharing it Olivia
I had found this other cool project of yours from 2007 recently when looking into making generative music from generative art done with stable diffusion. Great stuff too!
https://github.com/ojack/PIXELSYNTH
https://ojack.xyz/PIXELSYNTH/
He's working on version 2.0 which is more P5.js based than "processing" based (processing is p5's faster but non web based sibling.).
There is a video series:
https://thecodingtrain.com/tracks/the-nature-of-code-2
https://github.com/nature-of-code/book-website-2nd-edition
Dan Shiffman is pretty great at explaining and introducing things. Coding Train videos get kinda advanced, which is slightly at odds with the "kid" like graphics.
The processing foundation is the umbrella group for p5.js, processing and some other tools (android and python based).
Oh I am not Oliva :)
Btw for music you can check my project Glicol as well. It may be useful as either an interface or an audio lib.
https://github.com/chaosprint/glicol
There's links to lots of canvas libraries here: https://github.com/slaylines/canvas-engines-comparison