finds.dev← search

// the find

shiffman/LearningProcessing-p5.js

★ 274 · JavaScript · updated Sep 2025

Port all of Learning Processing examples to JavaScript using p5.js

A port of Daniel Shiffman's Learning Processing book examples to p5.js, translating ~200 Processing/Java sketches into browser-runnable JavaScript. It's a companion resource, not a standalone course — you need the book to make sense of the chapter organization.

Each example is self-contained with its own index.html and sketch.js, so you can drop any single example into a browser without setup. The chapter structure mirrors the book exactly, making it easy to find the p5.js equivalent of whatever page you're reading. Coverage is thorough: drawing, OOP, arrays, algorithms, math, images, video, and sound are all here. Shiffman is the author of both the book and this port, so the translation choices are authoritative rather than guesswork.

With 274 stars and the last push in late 2025, this repo has essentially stopped moving — p5.js itself has evolved (ES6 classes, the v2 API changes) but many of these sketches still use the older pattern of prototype-based objects and global mode without modules. There's no live demo site or hosted version, so you have to clone and run locally or serve files yourself. Chapters 11, 12, 19, and 21 are missing with no explanation. The README is just a chapter list with no guidance on how to run things or what version of p5.js was tested against.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →