A browser-based crane game where you drop physics-influenced blocks to fill architectural blueprints against escalating wind. 6 block types. 8 levels. 4 escalating wind phases. Zero installs. The entire game — all JS, CSS, audio, and logic — lives in one self-contained HTML file. No app store. No assets loaded. Everything drawn by the engine at runtime. Works offline. Installable as a PWA. Free. Play it on your phone right now: skylinearchitect.app Drop. Build. Fight.
No reviews yetBe the first to leave a review for Skyline Architect
Maker
📌
Hey Product Hunt 👷
I'm Terrance. I built Skyline Architect over the past year, mostly on nights and weekends, mostly on my phone.
The premise started simple: a crane game where you fill blueprints against the wind. But the constraint I set early on... the entire game has to live in one HTML file, no external assets, everything drawn by the engine itself... turned into the actual design philosophy. The QR code in the game? Built from game elements. The app icon? Rendered at runtime. The sounds? Web Audio API, no audio files. Everything you see was drawn, not imported.
At ~550KB of source, it contains 6 physics-distinct block types, 8 architectural blueprints, 4 escalating wind phases, a postcard share system, synthesized audio, a full service worker, and a live best score ghost line. A conventional version of the same game with sprites and sound files would probably land somewhere between 2 and 10MB. That gap is the point.
It's free, it's offline-capable, and it works on any browser right now.
If you make it to game over, the game generates a postcard. Two versions, pick your favorite, share it! Send one to someone who would have no idea what they're looking at. That's the intended use case and honestly the best QA I've got.
If you want a bit more on how it's built: skylinearchitect.app/info
Thanks for being here on launch day. 🏗️