Code Art
P5 is a javascript library created to teach coding to beginners, artists, and designers. It makes drawing with code easier. We are going to use p5 to create an original drawing.
Use these guides to help you learn p5 both in and out of the classroom.
Learning Target
I can use p5.js to create a drawing.
Basics
- Introduction
- Drawing Circles
- Drawing rectangles
- Lines
- Positioning
- Color
- Variables
- Math
- Advanced Shapes
Advanced
- Mouse Events - video!
- Drawing Hearts - video!
- Writing Functions - video!
- For Loops
Animations!
- Random
- Using the frameCount to animate.
- Sine and Cosine Motion - video!
Resources