P5.js Mobile Interaction Examples

Basic setup from the README - a starting point for your own projects

Detect touch events and track duration

Screen divided into 4 interactive zones

Count simultaneous touch points

Measure distance between two touches

Calculate angle between two touch points

Basic device orientation detection

Calculate rotation speed using sensors

Display device acceleration data

Visualize audio input with threshold

Play/pause audio with touch control

Control audio volume with multiple touches

Touch-controlled corgi fetching animation

Tilt-controlled pencil rolling animation

Acceleration-controlled airplane window

Compare clicking a button vs shaking your device to trigger actions

Compare button clicks vs device movement for interaction control

Compare button interface vs device orientation for control

RGB color control: traditional sliders vs device rotation

RGB color control: traditional sliders vs device acceleration

Volume control: traditional slider vs microphone input level

Value control: single slider vs multiple finger touches

Value control: traditional slider vs finger distance measurement

Value control: linear slider vs multi-touch angle detection