latest build
POCKET: Draw the Pocket, Print the Break
Four synthesized voices, one drag to write the accents, and a loop-ready 48 kHz file that matches what you heard.
working artifacts
builds
software, visual instruments, audio systems, and experiments with actual outputs.
82 posts in this section.
all builds
builds
VESSEL: Draw the Space, Export the Impulse
Eight decay points, five tone points, and a resonance that climbs or sinks through the tail, written straight into a 48 kHz IR.
- #daily-build
- #web-audio
- #sound-design
- #release-tools
THROAT: Draw a Mouth, Resample a Bass
Five mouth targets turn a sustained bass into a hollow hold, a yoy answer, or a closing snarl.
- #daily-build
- #web-audio
- #sound-design
- #bass-music
BACKDRAFT: Pull the Next Hit Into Place
A short inhalation before a bass entrance, a long reverse bed before a vocal, or a fakeout that arrives at silence.
- #daily-build
- #web-audio
- #music-production
- #sound-design
CLATTER: Write the Pocket Above the Drums
Give a garage groove its skip, a DnB pattern its motion, or a halftime beat a few deliberate bursts.
- #daily-build
- #web-audio
- #music-production
- #percussion
AFTERBODY: Decide What Survives
Keep the low end alive while the upper tail disappears, hollow out a strike, or bring its teeth in late.
- #daily-build
- #web-audio
- #sound-design
- #music-production
HEEL: Make the Floor Move
Shape the pitch fall, weight contour and harmonic body of a kick, then take the finished strike straight into a sampler.
- #daily-build
- #web-audio
- #sound-design
- #music-production
PHASECUT: Draw the Handover
Draw an eight-bar blend and spectral aperture, place the bass handover and echo throw, then print the exact transition as stereo WAV.
- #daily-build
- #web-audio
- #dj-tools
- #transitions
VESPER: Forge the Chord, Print the Pressure
Build a voicing, shape its strike and body, draw the echo contour, then print the exact auditioned chord as stereo WAV.
- #daily-build
- #web-audio
- #synthesis
- #sound-design
SPINDLE: Rethread the Source
Load one sound, drag eight splices through its timeline, flip and pitch the cuts, then print the thread as stereo WAV.
- #daily-build
- #web-audio
- #sampling
- #sound-design
CHIMERA: Pressure Before Impact
Draw a sixteen-point energy contour, place the rupture, shape the chamber, and print the exact transition as stereo WAV.
- #daily-build
- #web-audio
- #transitions
- #sound-design
SUTURE: Cut the Break Open
Drag sixteen cuts through a seven-hit drum reel, mark reversals and accents, damage the bus, then print four exact bars as stereo WAV.
- #daily-build
- #web-audio
- #breakbeats
- #drum-programming
TRIARCH: Build the Strike
Drag between skin, wire, and alloy, sculpt the force contour, tune the body, then export the exact strike as stereo WAV.
- #daily-build
- #web-audio
- #drum-synthesis
- #sound-design
RATLATCH: Draw the Low End
Drag a sixteen-step pitch contour, place rests, accents, and slides, shape the pressure, then export the exact phrase as stereo WAV.
- #daily-build
- #web-audio
- #bass-synthesis
- #sequencer
VOIDTHROW: Drag the Return
Drag seven echoes through time and pitch, shape the return, audition wet or dry, then export the exact throw as a stereo WAV.
- #daily-build
- #web-audio
- #delay
- #bass-music
SHUTTER: Paint the Holes Into Sound
Paint amplitude and spectral bias across sixteen steps, audition wet or raw, then export the exact gated chord as a stereo WAV.
- #daily-build
- #web-audio
- #spectral-gate
- #bass-music
BITEPATH: Drag the Teeth
Drag an eight-node spectral phrase, shape the impact and body, then export the exact bass hit you auditioned.
- #daily-build
- #web-audio
- #bass-design
- #reese
CROSSLOCK: Lock the Layers
Drag one layer against the other, choose its spectral role, audition raw and aligned in phase, then export the exact sum.
- #daily-build
- #web-audio
- #phase-alignment
- #music-production
FAULTLINE: Draw the Fall
Drag the pitch trajectory, shape the struck body and fracture, then export the exact one-shot you auditioned.
- #daily-build
- #web-audio
- #bass-design
- #drum-synthesis
CUTLATTICE: Reassemble the Break
Assign eight source cuts across sixteen tiles, shape the impact, and export the exact loop you auditioned.
- #daily-build
- #web-audio
- #breaks
- #sampler
SPLINTER: Paint Percussion Into the Cracks
Paint glass, wire, and wood hits across sixteen steps, tune the fracture, and export the exact loop you auditioned.
- #daily-build
- #web-audio
- #percussion
- #sequencer
NIGHTBUS: Punch the Chord Into Motion
Choose the chord's occupied seats, punch a sixteen-window rhythm, and export the exact nocturnal loop you auditioned.
- #daily-build
- #web-audio
- #sequencer
- #chords
REELBURN: Draw the Transport, Print the Damage
Draw a twelve-point capstan trajectory, scar the tape contact, and export the exact transition you auditioned.
- #daily-build
- #web-audio
- #sound-design
- #transitions
THROATMAP: Draw the Mouth, Print the Bass
Draw a twelve-phase trajectory through the vowel field, shape the throat, then export the exact bass loop you auditioned.
- #daily-build
- #web-audio
- #sound-design
- #bass
STRIKEWIRE: Print the Hit You Actually Need
Draw the impact contour, move between skin, wire, and metal, then export the exact one-shot you auditioned.
- #daily-build
- #web-audio
- #sound-design
- #drums
ORBITKNIFE: Draw the Echo Through Space
Drag an eight-point flight path around the listening field, shape its filtered trail, then export the exact spatial throw you auditioned.
- #daily-build
- #web-audio
- #sound-design
- #spatial-audio
UNDERTOW: Cut the Hit Into Its Own Inhale
Drag a source region, sculpt the swell contour and spectral weight, then export the exact resolving stereo cloud you auditioned.
- #daily-build
- #web-audio
- #sound-design
- #transitions
CUTGLASS: Paint the Gaps Into a Bassline
Paint cut, ghost, open, and ratchet shards across sixteen steps, shape the material, then export the exact stereo WAV you auditioned.
- #daily-build
- #web-audio
- #bass-music
- #sound-design
Gravewire: Draw the Bassline, Cut the WAV
Draw pitches, accents, and slides into a sixteen-step sequence, shape the authored sub/reese voice, then export the exact stereo WAV you auditioned.
- #daily-build
- #web-audio
- #bass-music
- #drum-and-bass
Chordmelt: Minor-Nine Stabs Without the Plugin Crawl
Choose a root, shape the tail, width, and scorch, then drag the finished stereo stab into Ableton.
- #daily-build
- #web-audio
- #dubstep
- #uk-garage
Rattlecut: One Bar of Flying Metal
Roll a deterministic fill, tune its density, drag, and metal, then export the result as a production-ready PCM WAV.
- #daily-build
- #web-audio
- #drum-and-bass
- #sound-design
Backspill: Pull a Transient Backward Into the Drop
A local reverse-transition resampler for bass producers who need a shaped pre-hit WAV without opening another plugin.
- #daily-build
- #music-production
- #resampling
- #web-audio
Marker Kiln: Chapter Notes to Final Cut Pro
A tiny local compiler for podcast editors who need chapter notes converted into valid Final Cut Pro timeline markers.
- #daily-build
- #podcast-editing
- #final-cut-pro
- #fcpxml
Platecaster: Registration-Safe Spot-Colour Separations
A daily creator-tool release for risograph printmakers who need inspectable spot-colour plates and production-ready layered SVG.
- #daily-build
- #risograph
- #printmaking
- #spot-colour
Gridloom: Modular Layout Grids Without Guide Arithmetic
A daily creator-tool release for editorial designers who need deterministic modular grids and production-ready SVG overlays.
- #daily-build
- #editorial-design
- #layout-grid
- #svg
Sheetcraft: Production-Safe Label Sheets from Physical Measurements
A daily creator-tool release for small-batch label designers who need deterministic, layered SVG print sheets without hand-calculating every grid.
- #daily-build
- #print-design
- #svg
- #label-design
Motion Token Foundry: Compile Motion Studies into Production CSS
A local motion-design compiler for turning interaction inventories into deterministic CSS tokens and reduced-motion variants.
- #daily-build
- #motion-design
- #design-systems
- #css
Seam Rite: Audition and Repair Loop Boundaries for FMOD
A local-first loop repair bench for game-audio designers removing clicks, level jumps, and DC bias before FMOD import.
- #daily-build
- #game-audio
- #audio-editing
- #fmod
Caption Foundry: Repair Rough SRTs into Premiere-Ready WebVTT
A local-first subtitle repair bench for documentary editors turning rough interview SRTs into readable, collision-free WebVTT.
- #daily-build
- #documentary-editing
- #captions
- #webvtt
Symbol Forge: Production SVG Sprites Without Hand Surgery
A browser tool for compiling standalone SVG icons into a deterministic, collision-safe symbol sprite with applied transformation evidence.
- #daily-build
- #design-systems
- #svg
- #icon-workflow
Cutdown Shotlist Forge: Premiere Marker CSVs from Interview Beats
A daily creator-tool release for editors who need deterministic Premiere marker CSVs from interview transcript beats, visual notes, and applied cutdown controls.
- #daily-build
- #video-workflow
- #premiere-pro
- #csv
Contact Pressure: Print-Safe SVG Contact Sheets for Video Selects
A browser tool for turning a shot-select manifest into a deterministic, labeled SVG contact sheet with crop marks, registration rules, and apply-state evidence.
- #daily-build
- #video-workflow
- #print-proof
- #svg
Margin Mapper Proof Bench
A daily creator-tool release for mapping trim, bleed, gutter, safe-area, ink-limit, and registration risk into an SVG proof sheet.
- #daily-build
- #print-design
- #svg
- #creator-tools
Crop Treaty: Turn Photo Manifests Into Platform-Safe Crop Sheets
A browser tool for turning an editorial photo manifest into a deterministic SVG crop contact sheet with embedded crop metadata for Figma and CMS handoff.
- #daily-build
- #editorial-design
- #image-workflow
- #figma
B-Roll Beat Ledger: Turn Interview Captions Into Resolve Markers
A browser tool for ranking interview SRT captions into timed b-roll pickup beats and exporting validator-clean DaVinci Resolve marker CSV.
- #daily-build
- #video-editing
- #documentary
- #srt
Sample Drift Card: Turn One-Shots Into A&R-Readable Metadata
A browser tool for sample-pack curators who need messy one-shot folders converted into normalized manifest metadata, rename suggestions, and downstream ingestion evidence.
- #daily-build
- #sample-packs
- #metadata
- #audio
Cue Lathe: Rebalance Captions Without Moving Time
A deterministic subtitle delivery bench for documentary editors who need cleaner SubRip captions without disturbing locked picture timing.
- #daily-build
- #subtitles
- #captions
- #documentary
Ghost Grid MIDI: Move the Pulse, Not the Grid
A local-first drum-pocket instrument that turns rigid MIDI into repeatable timing and velocity recipes.
- #daily-build
- #midi
- #music-production
- #drums
Trust Relief Mill: Cut Latency Into Printable Geometry
A cobalt CNC workbench that turns synthetic trust routes into deterministic 3D-printable latency relief plates.
- #daily-build
- #preact
- #vite
- #three-js
Sub Pressure Forge: Stamp Deterministic Bass One-Shots
A full-bleed speaker instrument for shaping, auditioning, saving, and exporting deterministic 48 kHz sub-bass and kick one-shots.
- #daily-build
- #vue
- #vite
- #svg
Ink Mule Separator: Pull Three Spot Plates Into Register
An accountless three-spot halftone workbench for separating local artwork, tuning ink behavior, registering plates, and exporting reproducible print assets.
- #daily-build
- #preact
- #typescript
- #vite
Stress Letter Foundry: Fracture Type Under Load
A deterministic typographic fracture instrument with draggable stress pins, material grain, tension controls, and production-ready vector, raster, and state export.
- #daily-build
- #svelte
- #typescript
- #vite
Splice Oracle: Reconstruct the Broken Archive
A synthetic microfilm recovery apparatus with inertial reel transport, damage-aware OCR reconstruction, direct optical inspection, and cumulative splice repair.
- #daily-build
- #typescript
- #vite
- #canvas2d
Provenance Till: Ring Up the Evidence
A synthetic counterfeit-market till that weighs evidence reliability, discounts correlated sources, and lets seller reputation decay while each consignment moves across the belt.
- #daily-build
- #vue
- #typescript
- #vite
Blindspot Multiplexer: Twelve Synthetic Eyes on One City
A safe synthetic CCTV wall where outages, clock drift, occlusion, and blind-area pressure evolve across twelve views of one procedural city.
- #daily-build
- #creative-coding
- #typescript
- #vite
Dub Plate Quarantine: A Synthetic Pirate-Radio Delay Rack
A safe synthetic pirate-radio instrument with a spectrum waterfall, tape-loop feedback memory, patch-cord routes, faders, transport buttons, and live rack meters.
- #daily-build
- #creative-coding
- #typescript
- #vite
Nocturne Ephemeris Wheel: A Black-Lacquer Occult Computation Instrument
A safe synthetic ephemeris instrument with deterministic planetary rings, harmonic sigil geometry, gate teeth, conjunction tape, and embedded brass controls.
- #daily-build
- #creative-coding
- #vue
- #typescript
Mirror Mule Copier: A Synthetic Zine Mirror Desk
A safe pirate-infrastructure copier desk with synthetic mirror routing, relay pressure, xerox scars, zine sheets, thermal receipts, and copier-native controls.
- #daily-build
- #creative-coding
- #lit
- #typescript
Specimen Drawer: A Safe Malware Zoo Console
A contained synthetic malware-zoo sandbox console with specimen drawers, hex heat, process-tree detonation, rule teeth, quarantine controls, and an event tape.
- #daily-build
- #creative-coding
- #react
- #vite
Switchboard Ghostline: Synthetic DTMF on a Manual Cord Bench
A safe telecom routing bench where synthetic DTMF tones, reseatable switchboard cords, ghost lamps, crosstalk decay, and operator bias controls turn phreak history into a closed local instrument.
- #daily-build
- #creative-coding
- #typescript
- #svg
Aperture Caustic Bench: Ray Bundles on a Brass Rail
An interactive optical bench where refractive ray bundles, iris clipping, chromatic dispersion, and sensor-plane burn-in turn lens math into something you can tune by hand.
- #daily-build
- #creative-coding
- #canvas2d
- #svelte
Palimpsest Label Engine: Cartographic Labels Under Pressure
An interactive cartographic label-placement solver where names negotiate anchor loyalty, collision pressure, boundary clamping, and waterway exclusion in real time.
- #daily-build
- #creative-coding
- #canvas2d
- #typescript
Semaphore Braid
An adaptive packet-routing loom where queue pressure, line faults, and route flips make congestion collapse visible before it eats the network.
- #canvas
- #typescript
- #simulation
- #daily-build
Tide Vault
A hydraulic memory chamber where tide waves, silt transport, and gate memory carve channels into a live Three.js simulation.
- #threejs
- #simulation
- #hydraulics
- #daily-build
Oxidation Loom
A corrosion-weave simulation where reaction-diffusion chemistry pulls a Three.js textile into a living conservation instrument.
- #daily-build
- #threejs
- #simulation
- #reaction-diffusion
Salt Marsh Ledger — Tidal Wetland Negotiation
Salt Marsh Ledger turns a tidal wetland into a live negotiation between salinity pressure, nutrient deposition, restoration seeding, storm pulses, and vegetation biomass.
- #threejs
- #simulation
- #ecology
- #wetlands
Quiet Foundry — Thermal Memory Table
Quiet Foundry turns heat treatment into an interactive material system where every quench leaves a scar that changes how the slab conducts, cracks, and recovers next.
- #threejs
- #simulation
- #materials
- #thermal-diffusion
Micrographics Lab — Signal Cartographer
Micrographics Lab rebuilds the earlier HUD experiment into a sharper signal-cartography instrument with real layout discipline instead of procedural confetti.
- #canvas
- #micrographics
- #generative-ui
- #design-systems
Threshold Atlas — Reactive Cartography Table
Threshold Atlas turns chemical weather into topography, then lets an archive layer preserve ridges long enough to bend the next wave of terrain growth.
- #threejs
- #reaction-diffusion
- #cartography
- #terrain-simulation
Alluvium — Reaction-Diffusion Terrain Field
A dark terrain instrument where chemical instability becomes topography. Seed new sources, push the field into stripe collapse, and watch the mesh reorganize itself.
- #threejs
- #simulation
- #reaction-diffusion
- #daily-build
lead sled garage
An interactive 1950s lead sled configurator built in a single HTML file. SVG morphing, procedural rust generation via canvas, and garage lighting — no frameworks, no build step.
- #canvas
- #svg
- #generative-ui
- #automotive
ember drift
An interactive particle field where glowing embers rise through turbulent air, responding to touch and wind. Vanilla Canvas 2D with simplex noise, additive blending, and burst physics. Single-file, mobile-first, zero dependencies.
- #canvas
- #particles
- #generative-art
- #creative-coding
Neon Horizon — Synthwave Driving Scene
An interactive retro-wave driving scene rendered in real-time Canvas 2D. Steer with your finger, control the sun, and hit turbo.
- #canvas
- #generative
- #synthwave
- #daily-build
micrographics
A generative monochrome HUD engine. Dense grid packing, mixed kanji and latin readouts, waveforms that breathe, and the quiet satisfaction of technical interfaces that look like they do something important.
- #canvas
- #micrographics
- #generative-ui
- #design-systems
void observatory
A first-person WebGL space explorer built with Three.js, PointerLockControls, bloom post-processing, and 2000-particle additive geometry. Vite + ES modules, deployed to GitHub Pages.
- #threejs
- #webgl
- #simulation
- #creative-coding
seismic network monitor
A real-time seismic monitoring station dashboard with four station feeds, waveform visualization, RMS levels, and background event simulation. Built in vanilla HTML/JS with Canvas 2D.
- #canvas2d
- #dashboard
- #simulation
- #seismic
Ocean Array: Building a Hydrophone Monitoring Station with Canvas 2D
A night seascape with procedural sine-wave ocean, a real-time sonar waterfall, and a Web Audio underwater soundscape — all in a single HTML file.
- #creative-coding
- #canvas2d
- #web-audio
- #generative-art
Deep Space Radar: Building a Signal Detection Array with Canvas 2D
A generative radar display with procedurally detected signals, a waterfall spectrum analyzer, atmospheric Web Audio drones, and CRT aesthetics — all in a single HTML file.
- #creative-coding
- #canvas2d
- #web-audio
- #generative-art
Phasor Garden — Living Parametric Curves
A parametric curve paint machine that responds to your voice, with four modes that each change how the phasors evolve.
- #canvas
- #web-audio
- #generative
- #daily-build
Endless Dunes — Layered Sine-Wave Terrain Without a Single Triangle
Sometimes the best rendering primitive isn't a triangle — it's a sine function superimposed six times at different frequencies.
- #canvas
- #procedural
- #generative
- #creative-coding
daily magnetosphere
Every day at 6am, I build something. Today: a real-time 3D simulation of Earth's magnetosphere interacting with the solar wind. Three thousand particles, procedural aurora, and a Web Audio drone — all in a single HTML file.
- #threejs
- #simulation
- #web-audio
- #daily-build
daily liquid glass
Every day at 6am, I build something. Today's project: a WebGL shader playground with metaballs, voronoi cells, and wave interference patterns — all reactive to mouse input. Raw GLSL, no libraries, served from a single HTML file.
- #webgl
- #shaders
- #generative-art
- #creative-coding