p5.js

P5.js is a JavaScript library that makes coding accessible for artists, designers, and beginners.

Start Learning for Free

+2.6K learners

Canvas Elements

Learn the fundamentals of the p5.js library to get started with creating interactive and colorful one-pagers.

Exercise 1

Your First Canvas
Start

Exercise 2

Brat Summer
???

Exercise 3

The Shape Tool
???

Exercise 4

Motion Picture
???

Exercise 5

WASD
???

Exercise 6

Breakout
???

Coming Soon

Chapter 2 of p5.js coming soon!

Exercise

Coming Soon
???

Exercise

Coming Soon
???

Exercise

Coming Soon
???

Exercise

Coming Soon
???

Exercise

Coming Soon
???

Want to learn more about p5.js?

Ask me anything

Your Name
Level 1
Create an account to save your progress.

Course Progress
Exercises
0 / 6
XP Earned
0 / 85
Course Badges
0 / 1
Complete a chapter to earn a badge – collect 'em all!

Chapters

Progress Resources

Canvas Elements

Learn the fundamentals of the p5.js library to get started with creating interactive and colorful one-pagers.

Coming Soon

Chapter 2 of p5.js coming soon!

Want to learn more about p5.js?

Ask me anything

Trusted by learners from

Join the Club

Want to take your learning to the next level?

Get full access to all courses and more for as low as $9.99 / month.

Unlimited exercises and projects
Unlock our complete collection of courses and real-world projects.

Get help from Code Mentors
Have your project code reviewed by human experts in the field.

Earn a Certificate of Completion
Request official certificates for finishing courses.

Join Club now