@lokua/p5

Exploratory sketches made with p5.js

Stuff like this:

You can see more here on github by looking at the auto generated markdown index

Run

npm start

Then navigate to http://localhost:3000 in browser

Development

IMPORTANT! This project uses Git LFS

A copy of ffmpeg must be available on your PATH if you plan on recording animations.

To get OSX to STFU about ffmpeg permissions run:

xattr -dr com.apple.quarantine /usr/local/bin/ffmpeg

To create a new sketch, copy one of the existing ones from the src/sketches folder or start from scratch with src/sketches/template.mjs. All sketches in this folder are available to load in the UI

Learning Resources

• https://natureofcode.com/
• https://available-anaconda-10d.notion.site/That-Creative-Code-Page-c5550ef2f7574126bdc77b09ed76651b
• http://recodeproject.com/
• https://easings.net
• https://www.tylerxhobbs.com/words/a-guide-to-simulating-watercolor-paint-with-generative-art
• https://openprocessing.org/
• https://genekogan.com/code/p5js-transformations/
• https://julienleonard.com/tutorials.html
• https://palmdrop.github.io/
• https://iquilezles.org/articles/warp/