Playfulness

Loading scene

Pointer Collision

Five hundred white beads drift in from a loose ring and pack into a ball on a pale blue-grey field. An invisible sphere follows the pointer and ploughs a channel through them.

Category
Playfulness
Medium
WebGL
Built with
three.jsMeshToonMaterialInstancedMeshcustom sphere physicssweep and pruneraycast to plane
Controls
  • Move the pointer to push through the beads.
  • Arrow keys drive the same sphere once the field has focus.
  • The sphere releases when the pointer leaves.
  • The beads pull back into a ball.

Also inAll work