DMK Kiosk — The Experience, Frame by Frame

Act I

The screen earns a glance

The totem plays DMK rally footage on loop — party flag colours, a speaker mid-oration, campaign slogans in Tamil. This is the attract state: plain full-screen video from the device playlist, cached offline by the service worker.

Visitor watching the rally video on the white portrait kiosk

Instruction splash with a pointing-hand icon and Tamil copy

What flips the scene

Video ends → the player fires video/ended, shows the splash, and sends {gestures:['start_game']} to PiQ — which watches the camera for a raised hand and answers Y (play) or N (skip, back to videos) within 8 seconds.

Act II

Slashing scrolls out of the sky

PiQ says Y, and the DMK-skinned Fruit Ninja loads — an eagle soars over a Tamil Nadu island while manifesto scrolls tumble down. The visitor slices them out of the air with bare-hand swipes; the hand tracking runs inside the game itself, in the browser.

Visitor pointing at the screen as the eagle flies over the island

Visitor swiping an arm as a scroll falls toward the island

Many scroll cards falling at once, visitor mid-swipe

The one-camera trick: the Pi has a single camera and both PiQ and the game want it. The moment PiQ answers Y, it shuts its own camera down and hands the sensor to the game’s in-page hand tracker. When the game ends, the player says stop_game and PiQ takes the camera back. Every act change is this same handover.

What flips the scene

Game over → the game iframe posts {gameEnd:true, score}; the shell stores the score, returns the camera to PiQ, and rolls straight into the photobooth ask.

Act III

Out of the room, onto the poster

A 3-2-1 countdown, a shutter click, a white flash — and the visitor reappears cut out of the office behind them, composited into an illustrated stage with the DMK leaders. The room’s grey wall is gone; the poster’s red rally stage is the new background.

The kiosk showing the visitor composited into a DMK leaders poster

Close-up of the poster with QR code, visitor scanning with a phone

What actually happened backstage

The browser captured a 1080×1920 portrait, polished it in JavaScript (white-balance → denoise → contrast → gamma → saturation → sharpen), then fetched the finished cut-out composite from the device at GET localhost:4000/capturedimg — the background swap happens on the Pi, not in the browser.

Finale

The photo follows you home

Scanning the QR opens WhatsApp with a message already typed: the photo’s claim code. Send it, and the “InBites” bot replies with the poster — hashtagged #StalinWave2026, ready to share. The kiosk, meanwhile, has already looped back to Act I.