theSoundsOf // Chromie Squiggle transforms Snowfro’s iconic Art Blocks collection into generative musical compositions. Each of the 10,000 Squiggles produces unique sound derived from its visual path, type, and traits. All audio is generated locally in your browser in real-time using the Web Audio API and our generative Music Engine written in vanilla JavaScript. Playback is fully deterministic, seeded by the Squiggle’s token ID.
The six Squiggle types of Normal, Bold, Pipe, Fuzzy, Slinky and Ribbed all use different soundsets to showcase a common theme amongst different types.
How It Works
Visual-to-Audio Translation
The Squiggle path/curve is sampled at intervals matching the token’s segment count (12-20).
chromie-squiggle?token=13:
[Hue Meter] Start Color: original=193, corrected=193
[Hue Meter] End Color: original=178, corrected=159.64885496183206
coords length: 3417
color spread 15
color direction Forward
Mapped pitchArray: (18) [55, 73, 53, 60, 79, 80, 55, 63, 78, 66, 48, 40, 48, 76, 70, 40, 58, 73]- 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
Additional Features
- decPairs[25]: modulates attack, density, and delay globally
- Day 0 tokens (#0-541): Adds an additional arpeggiator layer in the background to showcase the earliest of minted Squiggles
- Ghost Squiggles (decPairs: 252-254 and perfect 255): Ethereal soundset and minor scales
Snowfro’s Original Interactive Controls (“wait, they move?”)
- Up/down arrows: Real-time tempo control
- Spacebar: Low pass filter adjustment
| PARAMETER | KEY PRESS | AUDIO EFFECT |
|---|---|---|
| Animation + | UP Arrow | Increase tempo |
| Animation – | DOWN Arrow | Decrease tempo |
| Background | Spacebar | LP Filter Freq |
| Fast Speed Changes | Shift + UP / DOWN | Bigger increments |
(Additionally the Left/right arrow keys can be used to navigate through different Squiggles)
About
Months of analysis went into translating visual traits into meaningful sonic parameters. The result is 10,000 unique generative musical outputs that add a musical extenstion layer to Snowfro’s foundational Art Blocks collection.
To learn more about our generative Music Engine, click here.
Credits
Original Chromie Squiggle: Snowfro (Art Blocks Founder) ❤️
theSoundsOf // Music Engine Development: Music Non Stop