Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Learn p5.js: Fundamentals

Go to class Write review

Details

Provider

Codecademy
Pricing

Free Trial Available
Languages

English
Certificate

Paid Certificate Available
Effort

5 hours
Sessions

Self-Paced
Level

Intermediate

Found in

Coursera

Google AI Professional Certificate - Learn AI Skills That Get You Hired

Simplilearn

Lead AI Strategy with UCSB's Agentic AI Program — Microsoft Certified

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off

One annual plan covers every course and certificate on Coursera. 40% off for a limited time.

Get Full Access

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.

Syllabus

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

Taught by

Jiwon Shin

Reviews

4.5 rating at Codecademy based on 25 ratings

Start your review of Learn p5.js: Fundamentals