Processing example — Mouse press on tile

Processing workshop exercise.

Exercise instructions

On a canvas of 400px by 400px, draw a grid of 10 rows and 10 columns. When the user presses the mouse on a tile, the tile color is set to a random color.

Concepts

• Colors (RGB)
• Drawing on canvas
• Iteration
• Mouse event handling
• Random
• Rounding floating point numbers

References

• CSIM Processing resources
• for loop
• random
• Rounding
  • round
  • floor
  • ceil

Exercise resolution

See the sources for a possible resolution of the exercise.