Creative Coding with p5.js
Material and code for Introduction to p5.js workshop taught by Jiwon Shin.
Creative Coding Examples
- Wall Drawing #370, Sol LeWitt
- Wall Drawing #340, Sol LeWitt
- First Civil War War, Ben Fry
- Abstract01js, Marius Watz
- NYC Street Trees by Species, Jill Hubley
- What Counts, Giorgia Lupi
- Augmented Hand Series, Golan Levin
- Machine Hallucination, Refik Anadol
- Shifting Valley, Living Creatures of Flowers, Symbiotic Lives, Team Lab
- Mechanical Mirrors, Daniel Rozin
- The Wilderness Downtown, Google Chrome Experiment
- Stonewall Forever, The Center
Code Examples
- Grid of Shapes (editor | folder)
- Bouncing Ball (editor | folder)
- Random Walk (editor | folder)
- Noise Walk (editor | folder)
- Simple Drawing Tool (editor | folder)
Resources
- p5.js reference page
- Codecademy’s Learn p5.js Course
- Daniel Shiffman’s Coding Train
- Make: Getting Started with p5.js
- Generative Design