๐Ÿ•ท
R-Flow app

Spidey Game

Scan the real objects on a wall with your phone, then play on them โ€” web-swing between them as spoderman, or side-scroll past them in Gooby Run.

What it does

Spidey Game turns a projector and a wall of real stuff into a playable web-swinging game. The app projects a test card with four colored corner markers onto the wall. You (or anyone at the party) scans a QR code, points their phone at the wall, and taps scan: the phone finds the corners, works out exactly how the camera sees the projection, and detects the physical objects sitting in front of it โ€” boxes, frames, furniture, whatever you stacked there. Those objects become web anchors. Hit Go and the projector switches to the game: a lovingly crude spoderman you swing around the wall with an Xbox-style controller, webbing the actual objects in the room. A campaign of levels runs through it โ€” a web tutorial, a checkpoint race, floor-is-lava, pizza delivery, catching a burglar, and a pumpkin-throwing Green Gobler boss โ€” before unlocking endless free swing. The whole thing renders on the GPU with glow, particles and screen shake, because a projected game should look like a show, not a tech demo.


Key features

Why it earns its place in your booth

1

Your wall is the level

The phone scan finds the real objects in front of the projection and the game uses them as web anchors. Restack the wall, rescan, and it's a new level. No editor, no config files โ€” the level design tool is moving furniture.

2

Phone scan, no app install

The scanner is a web page on r-flow.io, reached from a QR code shown right on the projection. Anyone's phone works: iPhone or Android, straight from the camera, nothing to install. The scan takes one photo and a couple of seconds.

3

A real controller game

XInput controllers (Xbox and compatible pads) work out of the box: left stick to move and aim, bumper or trigger to shoot and hold a web, release to let go, A to jump. No pad handy? The keyboard works too.

4

Seven levels of nonsense

A tutorial that teaches webbing, a checkpoint race against the clock, floor-is-lava, pizza delivery that punishes touching the ground, a burglar who hides on your actual objects, and a Green Gobler boss fight with dodgeable pumpkins. Beat it all and free swing unlocks forever.

5

Third game: MS Paint Brawl

A 4-player Smash-style platform fighter on the same wall. Up to four phones join through the QR as gamepads โ€” each picks a seat and a fighter on a live character-select screen projected on the wall. Eight MS Paint fighters with real kits (spoderman's web-yoink, GOOBY's BORK, DOLAN's eggs, SANIC's spin dash, CHEEMS' B-O-N-K, BOGS' burrow, MORKY's freeze, NYAN's rainbow zoom), percent knockback, 3 stocks, blast zones off the edges of the projection, and your cardboard boxes as solid crates to fight over. XInput pads and keyboard join the same lobby.

6

Second game: Gooby Run

Same wall, same scan, different game: a classic side-scrolling runner starring Gooby, spoderman's badly-drawn dog cousin. The world scrolls past your physical boxes while the boxes stay put โ€” and they re-skin themselves to match each terrain: city building, barn, pyramid, ice block, giant cake, haunted crate, moon cheese. Slippery ice, bouncy candy floors, low-gravity moon, then an endless run that cycles every land.

7

Projector-native rendering

The game window opens borderless and fullscreen on whichever display you pick, renders on the GPU at 60 fps with additive glow, particle trails, screen shake and confetti, and puts its HUD in Comic Sans, as the meme demands.

8

Test card with the QR built in

The lineup card shows the corner markers the phone needs plus the scan QR code, projected on the wall itself. People scan the wall, not your laptop screen.


Documentation

How to use Spidey Game

  1. Point a projector at some stuff

    Aim your projector at a wall and put real objects in its beam: boxes, picture frames, shelves, a ladder โ€” anything with a visible silhouette. Five to ten objects makes a good level.

  2. Open the output

    In the Spidey tab, pick the projector display and open the output. The test card appears: four colored corners, a QR code, and instructions.

  3. Scan the wall with a phone

    Scan the QR with any phone, allow the camera, fit the whole card in view, and tap scan. The page shows what it found; send it when the circles sit on your objects.

  4. Grab a controller and hit Go

    The tab shows the scan arriving. Plug in or connect an XInput controller, hit Go, and the test card becomes the game.

  5. Rescan whenever

    Moved the furniture, or the projector? Reopen the test card, scan again, and the anchors update. The phone page stays live for rescans mid-session.


Reference

Settings

Output displayWhich display the game window opens on, fullscreen and borderless. Pick the projector, not your control screen.
Test card / GoTest card mode shows the scan target and QR; Go switches to the game once a scan has arrived. You can flip back to the test card any time to rescan.
Skip level (Start button)Start on the pad (or Enter) skips the splash screens, and holding it skips a level you're stuck on. The party should never be stuck watching one person fail the pizza run.

Pro tips

๐Ÿ’ก Vary the object heights. A row of boxes at one height plays like a flat level; something tall in the middle makes the swinging actually fun.
๐Ÿ’ก Matte, darker objects scan best. Shiny surfaces bounce the projector light back and can read as part of the card.
๐Ÿ’ก For parties: leave the test card up while people arrive โ€” the QR on the wall is self-explaining and someone will have scanned and set the level before you ask.
๐Ÿ’ก The race and floor-is-lava levels are only as good as your anchor spread. Put at least one object near each side of the wall.
๐Ÿ’ก A second, brighter projector does not help the scan โ€” contrast does. Kill the room lights for scanning, then bring them back up.

Good to know

โš ๏ธ The scan is a silhouette read, not a 3D survey. Objects need visible contrast against the projected white card โ€” a white box on a white wall in a bright room is invisible to it. Dim the room and it gets dramatically better.
โš ๏ธ The phone must see all four colored corners in one shot. If a corner is cut off or washed out, the page tells you which one โ€” step back or reduce the angle.
โš ๏ธ Scan from roughly where the projector sits for the tightest alignment. A scan from a sharp side angle still works (the corners correct the perspective), but extreme angles cost precision.
โš ๏ธ Anchors are where objects were at scan time. The game does not track moving objects โ€” if someone takes the ladder, rescan.
โš ๏ธ The projected game lands ON the wall and the objects, so web anchors visually snap to the real things only as well as your scan was. A two-second rescan fixes a sloppy first attempt.
โš ๏ธ Bluetooth Xbox pads connect to Windows, not to R-Flow โ€” pair it in Windows settings first and the game sees it instantly.

Requirements

Windows PC running R-Flow, signed in to your r-flow.io accountA projector (or any second display) pointed at a wall with real objects on itAny smartphone with a camera for the scanAn XInput controller for the real experience (keyboard works in a pinch)

Plays well with

Any projector or display Windows can see โ€” the game window is an ordinary fullscreen outputXInput game controllers: Xbox One, Xbox Series, and every XInput-compatible padThe phone scanner runs on r-flow.io โ€” the same account backend as the rest of the suite, no separate setup