Learn p5.js: Fundamentals

Generate visualizations and interactive experiences with p5.js, a popular JavaScript library for creative coding.
Ready to start your journey into creative coding with p5.js? Take Learn p5.js: Fundamentals— with p5.js, an open-source JavaScript library that allows you to use programming as an artistic medium, 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.



### Skills you’ll gain
* Understand the fundamental concepts of visual programming.
* Draw and color 2D primitive shapes.
* Create animations using conditionals and loops.

### Notes on prerequisites
We recommend that you complete [Learn JavaScript: Objects](https://www.codecademy.com/learn/learn-javascript-objects) before starting this course.

• Introduction to Creative Coding: Learn the fundamental concepts of p5.js and create your first p5.js sketch to draw and color shapes!
• Lesson: Introduction to Creative Coding with p5.js
• Lesson: Drawing and Coloring Shapes with p5.js
• ExternalResource: p5.js Web Editor
• Article: Creating a Local p5.js Project
• Project: Wall Drawing
• Quiz: Introduction to Creative Coding with p5.js
• Animation: Turn your static p5.js sketch into animation and learn to create more complex sketches using grouping and transformation functions.
• Lesson: Animation with p5.js
• Lesson: Grouping and Transforming Shapes
• Article: Tips for Creating Animations with p5.js
• Project: Bouncing Balls
• Quiz: Animations with p5.js
• Informational: Next Steps