Creativity - Technology - Learning
 
theSoundsOf // Chromie Squiggle

theSoundsOf // Chromie Squiggle

theSoundsOf // Chromie Squiggle transforms Snowfro’s iconic Art Blocks collection into generative musical compositions. Each of the 10,000 Squiggles produces a unique soundscape derived from its visual path, type, and traits. All audio is generated locally in the web browser in real-time using the Web Audio API and a custom generative music engine built in vanilla JavaScript. Playback is fully deterministic, seeded by the Squiggle’s token ID—ensuring each Squiggle has its own distinct and reproducible musical identity.

Visual-to-Audio Translation

The Squiggle path/curve is sampled at intervals matching the token’s segment count (12-20).

  • Path coordinates become melody—sampled from the full Squiggle curve
  • Y-axis position maps to pitch (high curves = high notes, low = bass)
  • X-axis progression creates temporal sequence

Trait-Based Sound Design

  • Segments (12-20): Defines sequencer phrase lengths
  • Start Color: Sets the minimum pitch of the range
  • End Color: Sets the maximum pitch of the range
  • Type (determined by decPairs values): Sets the synths’ parameters: Bold, Pipe, Fuzzy, Slinky, Ribbed, Normal
  • Height: Shifts the entire musical register – Height 4 plays in a significantly higher octave range than Height 3
  • Spectrum: Determines the musical scale where Normal uses major hexatonic, Full Spectrum uses Mixolydian triad with up/down arpeggiator, Perfect Spectrum uses major triad with ascending arpeggiator, and HyperRainbow = HYPE!
  • Color Spread: Sets base tempo (wider spread = faster tempo)
  • Steps Between: Controls note triggering probability/density
  • Color Direction: Plays the melody sequence in Forward or Reverse

Snowfro’s Original Interactive Controls are Supported

  • Up/down arrows: Real-time tempo control
  • Spacebar: Low pass filter adjustment