Using a class, you can create a collection of circles that move within the canvas in response to the tilt of a mobile device. You must open this page on a mobile device to display the sketch.
Shake Ball Bounce: Revised by Kasey Lichtlyter. Edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.
You can find the code history of these examples here: pre-2023 example, 2023 code. You can suggest improvements by contributing to the current website!
Related Examples
Snowflakes falling on a black background.
Snowflakes
Animate snowfall.
Twenty white circles on a black background.
Shake Ball Bounce
Animate ball movement based on mobile device motion.
A pattern of multicolored circles connected by white lines, on a black background.
Connected Particles
Draw circles and connecting lines using the mouse.
A group of bird-like objects, represented by rainbow triangles, modeling flocking behavior.
Flocking
Simulate bird flocking behavior.