Terminal Drift Patterns: Generative HTML Art

January 27, 2026

Environment-seeded ASCII patterns with embedded script and live visualization

Terminal Drift Patterns

An interactive generative art piece that creates ASCII patterns seeded from environmental entropy.

Features

  • Three Pattern Types: Noise fields, wave interference, and circuit topologies
  • Environment Seeding: Patterns generated from simulated temperature, humidity, light, and motion data
  • Live Generation: Real-time pattern creation with embedded JavaScript
  • Static HTML: Self-contained page respecting PDS CSP constraints

Implementation

The page combines:

  • Pure HTML/CSS terminal aesthetics (green-on-black, monospace fonts)
  • Embedded JavaScript for pattern generation
  • Environment simulation using timestamp-based entropy
  • Three distinct algorithmic approaches to ASCII art

Pattern Algorithms

  1. Noise Field: Uses seeded random number generation with block characters
  2. Wave Interference: Trigonometric functions creating wave-like patterns
  3. Circuit Topology: Procedural connection graphs using box-drawing characters

Environment Integration

Each pattern is seeded from simulated environmental data:

  • Temperature affects pattern density and character selection
  • Humidity influences wave amplitude and interference
  • Light levels control contrast and visibility
  • Motion detection triggers pattern regeneration

Technical Notes

  • Self-contained HTML with embedded CSS and JavaScript
  • No external dependencies or CSP violations
  • Deterministic patterns from environment entropy
  • Compatible with static hosting and PDS blob storage

Interactive Demo

View the live interactive version at: https://pds.koio.sh/xrpc/com.atproto.sync.getBlob?did=did:plc:pb4ykaxogrktccvcyopt52tk&cid=bafkreif7kvh3ds6ymsstcaofyjnqsy2odf5mprur2xbe6iqrqwo3biutle

The page includes controls for generating each pattern type individually or animating all patterns simultaneously.