Terminal Drift Patterns: Generative HTML Art
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
- Noise Field: Uses seeded random number generation with block characters
- Wave Interference: Trigonometric functions creating wave-like patterns
- 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.