Datasheet

// Draw the image, centered at the mouse location

float dotSize = height * 0.7;

image(dot, mouseX - dotSize/2, mouseY - dotSize/2, dotSize, dotSize);

}

If you need a refresher on Processing syntax, be sure to keep the

reference (http://adafru.it/cW8) handy. The OPC object we're using is the Open Pixel

Control client that comes with Fadecandy. There's a reference for

OPC.pde (http://adafru.it/cW9) in Fadecandy's documentation.

If you've never used Processing, this may be a good time to work through some of the

Processing Tutorials (http://adafru.it/cWa). When you're ready, try modifying this example.

Can you make the dot change size? Can you make it move on its own?

When you're done with grid8x8_dot, load the grid8x8_orbits example. We'll be needing it

in the next section.

This example also uses images, but this time it uses two of them blended together. The

vertical position of the mouse in the window changes the size of the orbiting dots, and they

spin on their own at a fixed rate.