Learn p5.js
Why Learn p5.js?
Meet p5.js — an open-source JavaScript library that allows you to use programming as an artistic medium. With it, you can simplify the way you build graphic and interactive experiences. Create colorful, dynamic, and engaging visuals for design, architecture, fashion, gaming — anything you can imagine.
Take-Away Skills
You’ll build on your JavaScript foundation and dive into p5.js’s full range of functionality. Learn how to create everything from simple 2D sketches to generative visualizations using interactive animations and multimedia elements.
Note on Prerequisites:
We recommend having a basic knowledge of HTML, CSS, and JavaScript. It also helps to have an understanding of HTML elements and structures, CSS colors, and JavaScript arrays, loops, and objects before starting this course.
Codecademy courses have been taken by employees at
- 1Get an introduction to creative coding and the p5.js JavaScript library.
- 2Learn the fundamental concepts of p5.js and create your first p5.js sketch to draw and color shapes!
- 3Turn your static p5.js sketch into animation and learn to create more complex sketches using grouping and transformation functions.
- 4Add interactivity to your p5.js sketch with mouse and keyboard functions.
- 5Learn how to add and manipulate media assets, such as images and videos, in your p5.js sketch.
What you'll create
Portfolio projects that showcase your new skills
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory
— Madelyn, Pinterest
I know from first-hand experience that you can go in knowing zero, nothing, and just get a grasp on everything as you go and start building right away.
Course Description
Create generative visualizations and interactive experiences with p5.js, a popular JavaScript library for creative coding.
Details
Earn a certificate of completion
10 hours to complete in total
Intermediate
Get an introduction to creative coding and the p5.js JavaScript library.
2 lessons, 1 external resource, 1 article, 1 project, 1 quiz
2 lessons, 1 article, 1 project, 1 quiz
1 lesson, 1 project, 1 quiz
1 lesson, 1 article, 1 project, 1 quiz
1 article