Skip to main content
Syntax

960: Reacting to the Weird + Creative Corners of the Web

27 min episode · 2 min read

Episode

27 min

Read time

2 min

AI-Generated Summary

Key Takeaways

  • Strudel live coding: JavaScript-based music creation platform uses readable syntax like c4 for notes, allows real-time code modification during performances, and includes inline sliders for parameter control—enabling DJs to create electronic music by commenting code in and out instead of turning knobs.
  • Hydra visual synthesis: WebGL-powered video visualization tool provides chainable syntax for creating real-time visual effects with layer, mask, scale, and mirror functions. Can connect to audio analysis for reactive visuals, making it accessible for creating projection mapping content and live performance visuals without deep shader knowledge.
  • p5.js creative framework: Offers more consumable API than raw WebGL for creating visual art, animations, physics simulations, and custom data visualizations. The beta site provides tutorials covering shaders and interactive content, making it approachable for artists while maintaining power for complex creative coding projects.
  • xLights home automation: Desktop software maps addressable LED Christmas lights in three-dimensional space, enabling synchronized light shows with music. Users can create custom animations, purchase pre-made shows, and control every individual LED for color, brightness, and timing—with enthusiast communities sharing techniques year-round.

What It Covers

Scott and Wes explore seven creative coding platforms and tools that enable developers to create live music, visual art, projection mapping, and interactive installations using web-based code and JavaScript frameworks.

Key Questions Answered

  • Strudel live coding: JavaScript-based music creation platform uses readable syntax like c4 for notes, allows real-time code modification during performances, and includes inline sliders for parameter control—enabling DJs to create electronic music by commenting code in and out instead of turning knobs.
  • Hydra visual synthesis: WebGL-powered video visualization tool provides chainable syntax for creating real-time visual effects with layer, mask, scale, and mirror functions. Can connect to audio analysis for reactive visuals, making it accessible for creating projection mapping content and live performance visuals without deep shader knowledge.
  • p5.js creative framework: Offers more consumable API than raw WebGL for creating visual art, animations, physics simulations, and custom data visualizations. The beta site provides tutorials covering shaders and interactive content, making it approachable for artists while maintaining power for complex creative coding projects.
  • xLights home automation: Desktop software maps addressable LED Christmas lights in three-dimensional space, enabling synchronized light shows with music. Users can create custom animations, purchase pre-made shows, and control every individual LED for color, brightness, and timing—with enthusiast communities sharing techniques year-round.

Notable Moment

The hosts describe watching DJ Dave perform at GitHub Universe, where she created electronic music by live-coding in Strudel, with visual representations showing midi notes, synth lines, and loops executing in real-time as she modified the code on stage.

Know someone who'd find this useful?

You just read a 3-minute summary of a 24-minute episode.

Get Syntax summarized like this every Monday — plus up to 2 more podcasts, free.

Pick Your Podcasts — Free

Keep Reading

More from Syntax

We summarize every new episode. Want them in your inbox?

Similar Episodes

Related episodes from other podcasts

This podcast is featured in Best Cybersecurity Podcasts (2026) — ranked and reviewed with AI summaries.

You're clearly into Syntax.

Every Monday, we deliver AI summaries of the latest episodes from Syntax and 192+ other podcasts. Free for up to 3 shows.

Start My Monday Digest

No credit card · Unsubscribe anytime