A camera-controlled game built with p5.js and ml5.js, created for an Intro to Interactive Media course at NYU Abu Dhabi.
Note: You'll need to grant camera access to play.
Ladushki (Ладушки) is a Russian children's clapping game — similar to Patty Cake — where players match their partner's rhythm and hand positions. In this digital version, a pixel-art girl challenges you to play along. Match her claps correctly to keep her happy. Fail too many times, and things get... unsettling.
As your mistake count rises, the girl gets angrier, her clapping speeds up, and the environment around her begins to distort — visually and sonically. What happens when she reaches the boiling point? Play and find out.
Show your hands to your camera and mirror the girl's hand positions:
- Right hand open → match with your right
- Left hand open → match with your left
- Both hands open → match both
Follow the in-game tutorial for the full rules. Press Enter to restart after game over.
Hand detection uses the ml5.js HandPose model. Open/closed palm state is determined by checking finger-tip keypoint positions relative to knuckles, with an additional check comparing the distance between the thumb and pinky tips to confirm a fully open, forward-facing palm.
Background music speed and distortion intensity are mapped to the player's anger level using p5.sound's rate(), distortion.set(), and drywet() methods, creating a gradual, barely-noticeable sonic deterioration.
A typewriter text effect renders dialogue letter-by-letter using a frame counter divided by a speed constant and a substring() call. At higher anger levels, the dialogue box shakes using randomized translate() offsets.
All draw functions use push() / pop() to isolate styles and prevent global imageMode, rectMode, and textAlign settings from bleeding across components.
| Asset | Source |
|---|---|
| Character sprites | Picrew → pixelated with Nano Banana → edited in Canva |
| Background music | Generated with Suno AI |
| Clapping & other sounds | Pixabay (royalty-free) |