Skyline Architect

Drop blocks. Build the blueprint. Fight the wind.

▶ Play Now

Free · No install · Works on any device

What it is

Skyline Architect is a browser-based crane game where you position and drop physics-influenced blocks to fill architectural blueprints — against escalating wind that gets more aggressive the deeper you go. Eight levels, four escalating wind phases, six block types with distinct physics. Score accumulates across the entire run.

No install. No account. No app store. Open the link, tap play, and the crane is already waiting. Works fully offline once loaded — installable as a home screen app on iOS and Android.

6 Block Types
8 Blueprints
4 Wind Phases
~550KB Entire Game

Features

💨
Wind System
Wind has direction, persistence, and escalating intensity. Early levels give you a whisper. Later loops make precision placement a real fight. Use it or fight it — both are valid strategies.
🏗️
Blueprint System
Each level presents a unique architectural blueprint to fill. Eight distinct silhouettes — Simple Shed through Castle — each requiring a different placement approach.
🔄
Structural Physics
Blocks have weight and load capacity. Stack too much on fragile blocks and they collapse. Heavy blocks stress what's beneath them. What you build on matters as much as where.
📸
Share Postcard
At game over, generate two versions of your run as a shareable image. Full: the complete canvas with every block and atmosphere. Blueprint: a Tron-style grid of your exact coverage pattern. Each one is unique.
📱
Installable PWA
Add to home screen on iOS or Android. Full offline support via service worker. Runs on a plane, underground, anywhere. Once loaded, no connection required for any feature.
🔊
Synthesized Audio
Every sound is generated via Web Audio API — no audio files loaded. Each block type has a distinct landing sound. Fully toggleable. The file stays self-contained.

Block Types

Block Character
Normal Workhorse. Reliable, no surprises.
Light Wind-sensitive. Floats into gaps heavy blocks can't reach. Fragile.
Heavy Wind-resistant anchor. Stresses blocks below. Unbreakable.
Explosive Clears the field. A liability with potential upside.
Sticky Side-snaps to vertical surfaces. Bridges gaps straight drops miss.
Bouncy Aim the first impact, steer the redirect. Reaches cells nothing else can.

Under the Hood

The entire game — all JavaScript, CSS, HTML, audio synthesis, QR code library, PWA manifest, and app icons — lives in one self-contained HTML file. No build step. No bundler. No dependencies to break.

Every visual element is generated by the engine itself. No sprite sheets. No image files. No external asset pipeline. The crane, the blocks, the city skyline, the atmospheric effects, the QR code — all produced by canvas commands and math at runtime. The game generates itself.

At ~550KB of source, it's closer to a handcrafted demoscene object than a typical web game. A conventional asset-based version of the same game would land somewhere between 2MB and 10MB. That gap is the point.