Blueprint, then skyline.

The brief

A property tower that builds itself as you scroll — blueprint to skyline, ending at night with the building alive. Signature: a Three.js wireframe tower assembling floor-by-floor from scroll progress; camera orbits between sections; in the final section windows light stochastically.

Palette: midnight #0a0e16, blueprint cyan #58c7f0, brass #c9a227. Type: Marcellus over Figtree. Voice: understated property prestige — numbers, sightlines, silence. Wave 1 rule: every screenful must move, react, or play.

The signature technique

All 42 floors are line-segment geometry, scaled up floor-by-floor from a smoothed scroll value. The 1,468 windows are a single GPU point cloud; each point carries a random seed, and a shader decides — per frame, per window — whether it is lit, how it flickers, and the brief over-bright flash the instant it first ignites. This excerpt is the actual vertex shader from the page you just scrolled:

attribute float aSeed;
uniform float uLit,uTime,uFlick,uPix;varying float vA,vS;
void main(){
  vS=aSeed;
  float on=step(aSeed,uLit);              // lit when the night reaches your seed
  float fl=mix(1.,.72+.28*sin(uTime*(1.+fract(aSeed*7.)*2.)+aSeed*61.),uFlick);
  float ig=1.+2.5*(1.-smoothstep(0.,.05,uLit-aSeed));   // ignition flash
  vA=on*fl*.85*min(ig,3.5)*step(.001,uLit);
  ...
}

Scroll drives one number; everything else — assembly front, camera keyframes, dusk-to-night fog, the brass altitude readout, the lit-window count — derives from it. The count in the copy is not typed in: the page counts its own point cloud.

What the critique passes found