Transmission — a terminal-style technical deep-dive into how Rose Nazari hand-built this interactive 3D portfolio. Covers custom Three.js rendering, GLSL shaders, holographic fashion archives, Verlet cloth physics simulation, ASCII particle cursors, and spring-damper camera systems. One HTML file, zero frameworks, zero dependencies — product design and engineering craftsmanship by a San Francisco creative technologist.
rose@brain:~$ cat /sys/website/stack --breakdown
rose@brain:~$ inspect --deep /engine/three-js
⚡ THREE.JS r128 + CUSTOM GLSL [CORE — RENDERING]
The entire 3D void you're floating in runs on a single WebGLRenderer — fog, spring-damper camera physics, raycasting for monolith hover. Four custom ShaderMaterials drive the monolith surfaces: pulsing, wave distortion, Fresnel glow, and scan-line interference. Every vertex is hand-placed.
rose@brain:~$ inspect --deep /engine/holographic-archive
◎ HOLOGRAPHIC 3D ARCHIVE [SUBSYSTEM — SILHOUETTE]
Four separate WebGL renderers spawn inside the Silhouette panel — each card gets its own scene. A 3,000-particle coat silhouette, a wireframe blazer with explode-on-hover, a Verlet physics cloth simulation (28×40 grid, 3 constraint iterations per frame), and an icosahedron shell that shatters into individual triangles. All driven by mouse proximity.
rose@brain:~$ inspect --deep /engine/verlet-physics
△ VERLET INTEGRATION + CLOTH SIM [SUBSYSTEM — PHYSICS]
The draped cloth card runs a full Verlet particle system — 1,120 points with structural constraints, pinned anchors, sine-wave wind, and gravity. Mouse force displaces the fabric in real time. Sparkle particles overlay on AdditiveBlending. No physics library — just position, previous position, and acceleration.
rose@brain:~$ inspect --deep /engine/ascii-cursor
● ASCII PARTICLE CURSOR [OVERLAY — ALWAYS ON]
A fullscreen Canvas2D overlay composited via mix-blend-mode: screen. Mouse movement spawns particles that decay through a brightness ramp — heavy characters like @ M W # fade down to light ones like · + = as they die. Speed-based spawn rate, gravity, friction, click bursts 15 particles radially. 200 particle cap.
rose@brain:~$ inspect --deep /engine/spring-camera
◇ SPRING-DAMPER CAMERA
Camera orbits the void on mouse movement with spring constant and damping — no linear interpolation, no easing libraries. The monolith zoom uses the same spring system to animate position and lookAt. FogExp2 fades the far void to black. GSAP handles panel clip-path transitions only.
rose@brain:~$ locate "Product Designer" --region="San Francisco"
> MATCH FOUND: Rose Nazari. Bridging AI architecture and UI/UX in the Bay Area.
rose@brain:~$ cat /sys/identity/roles
rose@brain:~$ echo "one file. zero dependencies. everything from scratch."
one file. zero dependencies. everything from scratch.
rose@brain:~$ cat /sys/identity/tenets
◆ CORE OPERATING TENETS
01. Aesthetic is a function of utility, not a decoration.
02. Learn the history of the pattern before writing the algorithm.
03. The best brands sit at the intersection of extreme logic and raw art.
rose@brain:~$