palette · dna1In the files
Two-ink riso flyer under a dimming dusk wash
Anchored to
Energetic look quality · newAtmospheric look quality · new
Translates: Energetic · Atmospheric
Through the convention: indie gig flyers: two-ink risograph prints in hot pink and teal on bright paper, slightly misregistered
InterpretationEnergetic becomes the hot pink and teal of a two-ink gig flyer, with mint and flyer-yellow as the paper; Atmospheric becomes a lavender-to-ink dusk tint laid over the whole world that deepens as the day runs out. My interpretation; Qloo gave no colours.
#1f4e5a#ff6f91#9be3c4#6a5d9e#ffe27a#2b2140
Made with source for “Bedroom-pop garage summers”: The palette is a JS constant object the canvas renderer and the page CSS both read, so every colour lives in one place.
Away from the sketch: 6 colours
typography · dna2In the files
Pixel dialogue box with handwritten tape labels
Anchored to
Intimate look quality · newUndertale game · new
Translates: Intimate · Pixel Art
Through the convention: bedroom-pop tape culture: handwritten cassette J-cards and photocopied zines with scrawled titles
InterpretationIntimate is set the way bedroom-pop tapes are labelled: a scrawled hand (Caveat) for tape names, the title and the zine; the game's speech uses a blocky pixel sans (Pixelify Sans) in boxed windows, as pixel RPGs set their dialogue.
You came home for one summer day. The show is at nine.
Pixelify Sans
You came home for one summer day. The show is at nine.
Caveat
Made with library-font for “Bedroom-pop garage summers”: Pixelify Sans and Caveat are copied locally into fonts/ and loaded with @font-face, so no network request is made.
Away from the sketch: 2 type families
imagery · dna4In the files
Chunky outlined 2D pixel sprites on a 3x grid, under a dusk wash
Anchored to
2D art style · newColorful art style · newAtmospheric look quality · new
Translates: 2D · Colorful · Atmospheric
Interpretation2D and Colorful become hand-placed pixel sprites drawn from string maps, each scaled 3x with a one-pixel ink outline, bright riso fills against the teal ground; Atmospheric becomes the long sprite shadows and the evening tint drawn over the whole valley scene.
const PX = 3OUTLINE = '#2b2140'function drawValley
Made with source for “Whimsical pixel worlds”: Sprites are string pixel maps drawn to canvas at 3x with an outline pass; the dusk wash is a full-screen tint pass.
motion · dna3In the files
Mockumentary punch-in with a sliding lower-third
Anchored to
Mockumentary pacing · new
Translates: Mockumentary
InterpretationMockumentary pacing becomes a quick camera punch-in on the speaker when the tape starts rolling, and a name bar that slides in fast from the left, then a beat of stillness; sharper than the slow fade I predicted.
PUNCH_ZOOM = 1.6LOWER_THIRD_MS = 240
Made with source for “Conversational documentary”: The punch-in and lower-third slide are camera and overlay timings in the game loop.
voice · dna9In the files
Wry first line, honest second line
Anchored to
Charming tone · newReflective meaning quality · newHeartwarming tone · predicted
Translates: Charming · Reflective · Heartwarming
InterpretationCharming and Reflective become a two-beat register: neighbours open with a dry, charming joke, then say one honest, reflective thing. Short lines, no exclamation marks.
You came home for one summer day. The show is at nine.
Everyone says this town never changes. Everyone is wrong, but politely.
Same faces, next summer. Bring the tape.
Made with copy for “Conversational documentary”: The lines are written into the game's dialogue data and title/ending text.
structure · dna8In the files
One summer day that dims toward the nine o'clock show, ending in a zine
Anchored to
Youth meaning quality · newFolkloric pacing · new
Translates: Youth · Folkloric
InterpretationYouth becomes the frame: you are home for one summer day; the day-clock runs from morning to nine, the light dims, and the garage show ends it. The ending is a hand-stapled zine of the day: who you taped, how many puffs, how the set went.
#day-clock#zine-ending
Made with source for “Atmospheric dusk”: A day-clock drives the tint and triggers the show; the zine ending is a DOM overlay with a replay key.
Away from the sketch: 2 new parts
interaction · dna5In the files
Thistlepuff round-up: herd bouncing puffs into the pen
Anchored to
Slime Rancher game · newwhimsical mood quality · predicted
Translates: Colorful · whimsical
InterpretationCreature ranching becomes thistlepuffs: round candy-coloured seed creatures that bob in place and scurry away from you, so you herd them by walking behind them into the puff-pen.
#puff-penHERD_RADIUS = 46
Made with source for “Whimsical pixel worlds”: Herding is flee-from-player steering in the update loop, with a pen rectangle that counts puffs.
Away from the sketch: 1 new part
interaction · dna6In the files
Tape-recorder interviews with a question choice
Anchored to
My Next Guest Needs No Introduction with David Letterman TV · new63 Up TV · newcurious mood quality · new
Translates: Conversationally intimate · Reflective · curious
InterpretationConversational intimacy and the return-interview become the core verb: walk to a neighbour, press record, choose which question to ask, and the answer is filed as one line in your tape-log.
#tape-log#lower-third
Made with source for “Conversational documentary”: Interviews are a small dialogue state machine with a two-choice question and a tape-log DOM list.
Away from the sketch: 2 new parts
interaction · dna7In the files
Garage rehearsal in a three-lane riff lane
Anchored to
Modern Baseball music · newCatchy mood quality · new
Translates: Indie Punk · Catchy
InterpretationIndie punk and catchiness become a playable rehearsal: notes fall down three lanes and you hit J, K, L on the beat of a short catchy chiptune riff; the grade carries into the show.
#riff-lane
Made with source for “Bedroom-pop garage summers”: The rehearsal is a timed note chart with WebAudio square-wave tones, scored per hit.
Away from the sketch: 1 new part
