How To...

Animate A Better Clock

Animate a Rotating Wheel

Rotate a wheel with spokes drawn with a for loop, then add some fancier motion when the robot is moving left or right

Animate a Scrolling Image

Move multiple images seamlessly and eternally to imply 3 dimensions

Animate Dancing Arms

Complex nested matrices controlled with the mouse

Animate Googly Eyes

Eyes use trigonometry [atan2(a,b)] to follow the mouse, and a laser canon using the same technique

Animate Multi Robots

Using Processing Sound library to create a continuous looping sound effect when a robot moves

Animate Pacman

A better way to animate Pacman

Animate Simultaneous Animations

Move the robot's arms with keys and also have it blink

Animate The Simplest Movement

The simplest possible way to move a robot

Animate Wrap Around

Wrap an object around so it appear on the opposite side as soon as it goes off the edge

Code p5js

Code Processing p5.js extension to Javascript to make sketchs work in a web browser.

Create Buttons Anywhere

Buttons you can use anywhere to do anything

Create Looping Sounds

Using Processing Sound library to create a continuous looping sound effect when a robot moves

Create Multiple Key Controls

Same as simple key control, but more functions

Create Simple Key Controls

Use different keys on the keyboard to trigger different events

Time Triggered Animations

Using a timer to trigger a recurring event, like an eye blink

Draw A Heart

Use Beziér curves

Draw A Simple Robot

A basic, simple, robot. Then another version centered on 0,0 so you can use translate() more easily

Trigger Sounds

Using Processing Sound library to create a laser beam blast triggered with the space bar