yesjo / wayangA LITTLE TRADITION. A LITTLE MAGIC.
THE SHADOW PLAYGROUND

Your hands.
Their story.

Step into the light. Bring the world of wayang to life.

THE STAGE IS YOURS
A thousand stories begin with a single gesture.
L ArjunaR Hanoman
Choose your cast, then turn on your camera.
02 / YOUR HAND IS THE CONTROLLER

Your left hand controls its assigned character; your right hand controls the other. Select Left hand or Right hand, then choose a character. These buttons assign the cast; they do not move the puppets.

01

Move the whole puppetShow your palm, then move your hand up, down, left or right.Closer to the camera = bigger puppet.Move farther from the camera to make the puppet smaller. Keep both palms facing the camera in good light.

02

Tilt your wrist to bowLean your hand left or right to tilt the puppet's body.

03

Thumb = front armBend or open your thumb to swing the arm on the puppet's face side.Index finger = back armBend or straighten your index finger to swing the other arm.

YOUR CAMERA / OFF
03 / MAKE THEM MEET

Stage a touch or a handshake

Front and back refer to the puppet: your thumb moves the arm on its face side, and your index finger moves the opposite arm.

  1. Start facing each other

    Reset the stage so the puppets face each other. Hold your palms at a similar height and distance from the camera for similar puppet sizes.

  2. Bring their drawn hands together

    Open or bend both thumbs to reach with the front arms. Move your palms toward the centre and adjust their height until the drawn hands meet. Watch the stage to line them up.

  3. Give a gentle shake

    Move both palms slightly up and down together, keeping the drawn hands aligned. Move the puppets apart to release the pose.

Keep your real palms separate and visible. Do not clasp or overlap your real hands: the camera may lose one of them.

Contact is visual only. There is no automatic grip, collision response, or linked handshake animation; you guide each puppet independently.

Without a camera, drag the puppets close together. Select each hand, then focus the stage and use arrow keys for small position adjustments. Space changes that puppet's arm pose; precise contact is easier with camera control.

WELCOME, DALANG

You are the storyteller.

Choose a character for each hand, start the camera, and allow camera access. Keep both palms visible in good light.

Your left hand controls its assigned character; your right hand controls the other. Select Left hand or Right hand, then choose a character. These buttons assign the cast; they do not move the puppets.

  1. Move your palm to move the puppet; tilt your wrist to make it bow.
  2. Bend or open your thumb for the front arm and your index finger for the back arm.
  3. Move closer to enlarge the puppet. Adjust Puppet size in Stage settings too.

The other fingers do not have separate controls. Keep your palm visible while moving your thumb and index finger.

Without a camera, drag either puppet. Arrow keys move the selected puppet; Space moves its arms.

Bring your own wayang

Choose a PNG, JPG, or WebP (up to 8 MB and 16 million pixels). A tightly cropped, transparent PNG works best. Select a hand first; your drawing will be assigned to it.

Uploaded drawings move, tilt, and resize as one piece. Thumb and index controls animate only the built-in puppets.

Stage a touch or a handshake

  1. Reset the stage so the puppets face each other. Hold your palms at a similar height and distance from the camera for similar puppet sizes.
  2. Open or bend both thumbs to reach with the front arms. Move your palms toward the centre and adjust their height until the drawn hands meet. Watch the stage to line them up.
  3. Move both palms slightly up and down together, keeping the drawn hands aligned. Move the puppets apart to release the pose.

Keep your real palms separate and visible. Do not clasp or overlap your real hands: the camera may lose one of them.

Contact is visual only. There is no automatic grip, collision response, or linked handshake animation; you guide each puppet independently.

Without a camera, drag the puppets close together. Select each hand, then focus the stage and use arrow keys for small position adjustments. Space changes that puppet's arm pose; precise contact is easier with camera control.

Hand tracking runs locally. The site's API tracker collects page visits and active time, never camera images or hand landmarks.