Petey stepping out of a swirling portal onto a city street, with Stan tumbling out behind him, Chard unimpressed and Synthia hovering above

Petey the Interdimensional Architect

A side-scroller starring the cast of the Petey the Architect comic. Step out of a portal onto a city street, stomp the bugs, jump the trash cans, mind the open manholes, out-throw the Risk Agents and press DEPLOY. Then it's Stan's turn, after dark.

Sound starts on your first key press or tap. The download is a folder of plain files with three.js inside; serve it rather than opening index.html directly: python3 -m http.server inside the folder, then open localhost:8000.

Engine
three.js r183, vendored
Worlds
1-1 Monday Morning · 1-2 After Hours
Heroes
Petey · Stan
Art
OpenArt, animated from video
Sound
ElevenLabs music & effects
Download
11 MB zip

What it is

Petey has a portal now, and a deadline. He steps out onto a city street in Universe 4,096 where Stan is waiting with a standup and Synthia, the Chief Suggestion Officer drone, follows him everywhere with unsolicited advice. Between him and the DEPLOY button: beetles, a fast Regression Roach, a Memory Leak slime, a Null Pointer spider that drops on a thread, and the Risk Agents from Compliance, who lob the risk register at anyone who gets close.

Grab the phone from a light box and Petey sends bouncing balls of spaghetti code with the old "mail sent" whoosh. Hold down to crouch and charge a power jump twice as high. Hearts heal him, or give an extra life when he's at full health, and the rollback remote makes him invincible for ten seconds. One manhole cover on the third crossing glows a little: crouch on it.

Clear World 1-1 and Stan takes over for World 1-2, on the same street after dark, with a post-it pad and a lot more Risk Agents.

Controls

KeyAction
← →Run
Z or SpaceJump (hold for higher)
ShiftSprint
XThrow: spaghetti code with the phone, post-its with the pad
Hold ↓, then ZCrouch, charge, power jump
Enter / EscPause
MSound on or off

Gamepads work, and on a phone there are on-screen buttons.

How it's put together

  • src/game.js — the heroes, bugs, Risk Agents, power-ups, portals and the secret warp
  • src/level.js — sprite-tile ground, curbs, manholes, ledges and the street's layers
  • src/world1-1.js, src/world1-2.js — the two worlds
  • src/characters.js — each hero's sprites, power-up and lines
  • assets/sprites/ — every character, prop and background, generated in OpenArt from the Petey the Interdimensional Architect character sheets. The runs and walks were rendered as short videos and cut into looping frames
  • assets/audio/ — music and effects, generated with ElevenLabs

There's no build step and nothing loads from outside the folder except two Google Fonts.

Running it yourself

ES modules need to be served over HTTP rather than opened from disk, so from the game folder:

python3 -m http.server 8000

Then open http://localhost:8000.