Tutorials / p5.js Tutorials
Next: Welcome to Coding

Learn to Code with p5.js

New to coding? Start here!

Welcome to Coding

Get ready to write some code!

Calling Functions

Tell the computer what to do.

Using Variables

Get information from the computer.

Creating Variables

Give your code a memory.

Creating Functions

Write your own custom functions.

If Statements

Make decisions in your code.

Animation

Create animated visualizations.

Input

Use mouse and keyboard input to make interactive sketches.

For Loops

Use patterns to repeat work without repeating code.

Arrays

Create variables that hold multiple values.

More coming soon!

From Processing to p5.js

These tutorials assume you’re already familiar with the basics of programming and that you’ve already read the Processing tutorials and the JavaScript tutorials.

Which Processing?

Which Processing should I use?

Editors

Which P5.js editor should I use?

Hello World

Say hello to P5.js!

Review

Review Processing, HTML, and JavaScript topics.

P5.js and Web Dev

Mix P5.js and HTML, CSS, and JavaScript.

Libraries

Mix other JavaScript libraries with P5.js

Extra Credit

Already have experience with p5.js? These are for you.

Random

The power and beauty of the random function.

Next: Welcome to Coding