@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 so I think you would need that installed? Not sure this is my first time using it 🤷🏻‍♂️

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

To get OSX to shut up about ffmpeg permissions on MacOS 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 & Cool Stuff

• Nature Of Code
• The Creative Code Page
• The Recode Project
• Easings.net
• Simulating Watercolor
• Open Processing
• P5js Transformations
• Julien Leonard Tutorials
• palmdrop
• Inigo Quilez

Marbling

• The Coding Train: Coding Challenge 183: Paper Marbling Algorithm
• Dropping Paint
• Digital Marbling