FIXED-SEQUENCE ASCII RENDER SUITE.
EVERY FRAME AUTHORED. EVERY TRANSITION CONTROLLED.
SIX TECHNIQUES. ONE PAGE. NO INPUT FIELD.
scroll to run the suite
piece 00 / input
Render: your mark
Five techniques. One input. Your word, not ours. Type, hit enter, then cycle the mode — every technique re-runs against your text. A–Z, 0–9, basic punctuation. 14 chars max.
sx7:~$ ENTER ⏎ · A–Z 0–9
MODEMORPH
SPEED50%
COLOURGREEN
INTENSITY50%
TARGET: STATE: IDLE
AWAITING INPUT · GRID 7 ROWS · TOLERANCE ±0
piece 00 / rainfall
Ambient matrix rain
Classic katakana/latin rain on a full-viewport canvas behind every section — fade-trail compositing, one interval, 20% opacity. Always on, never the subject. The atmosphere the whole page breathes.
MODE: AMBIENT / FULL-PAGEOPACITY: 0.20
IT'S BEHIND YOU. IT HAS BEEN THE WHOLE TIME.
GLYPH SET: KATAKANA + LATIN · TRAIL FADE 0.08 · 20FPS
piece 01 / morph
Glyph-cell interpolation
Cell-by-cell state map between fixed grids. No tweens, no libraries. Cells that appear fade in; cells that die blink out. Order is shuffled per pass so the transition reads as organic, not scanned.
SEQ: DRAFT → BUILD → DEPLOYMODE: LOOP
STATE: DRAFT · HOLD 1400MS · MORPH 900MS · CELLS 336
piece 02 / glitch
Corruption & self-repair
Character substitution from a noise table, RGB-split shimmer via dual text-shadow, row-slice displacement. Restraint is the technique — burst, hold, repair, quiet. An accent, not an aesthetic.
SIGNAL: STABLEINTEGRITY: 100%
FAULT INJECTED EVERY 4.2S · SELF-REPAIR 480MS · PERMANENT DAMAGE 0
piece 03 / particle assembly
Scatter → formation
Every glyph spawns offscreen with a random trajectory and snaps to its grid cell. transform-only motion, GPU-composited, one rAF loop. This is the technique the hero boot uses on the wordmark.
TARGET: MARK.7X7PARTICLES: 0
REASSEMBLY EVERY 6S · EASE: CUBIC-OUT
piece 04 / wave-field
Cursor-proximity ripple
A character-density field displaced by a radial falloff around the pointer. Cells within the radius brighten and lift; outside it they rest. Touch works too — drag a finger across the panel.
FIELD: 96 × 24 CELLSRADIUS: 140PX
POINTER = PROBE · MOVE OVER THE FIELD
piece 05 / crt
Phosphor panel
Scanline overlay, barrel-vignette mask, phosphor persistence flicker and a slow vertical sweep — all pure CSS layers over a static glyph grid. Zero canvas, zero WebGL. The cheapest effect on the page.
PHOSPHOR P1-GRN
REFRESH 60Hz
DECAY 3.2S
DRIFT ±0.0MM
piece 06 / terminal
Typed output
Character-at-a-time stdout with a blocking cursor, fixed pacing and ASCII-drawn box rules. Runs once, then holds. The spec sheet it prints is the pitch.
sx7 — zsh — 80×24
THIS PAGE IS THE PORTFOLIO. YOURS SHIPS IN 48 HOURS.
FROM $799 · HOSTING, SECURITY AND UPDATES FROM $59/MO · NO TEMPLATES · NO LOCK-IN
sevenbyseven.com.au →
Websites for WA small business · Built in Perth