Syntax - Tasty Web Development Treats

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

34 snips
Dec 3, 2025
Dive into the fascinating world of web creativity! Discover Strudel, where DJs code live music visuals, and explore Hydra, offering mesmerizing audio-reactive visuals. Unleash your artistic flair with p5.js and uncover the magic of ShaderToy's pixel-perfect graphics. Learn about projection mapping with MadMapper and how TouchDesigner creates interactive installations. Plus, find out how to choreograph synchronized holiday light shows with xLights. It's a treasure trove of digital innovation!
Ask episode
AI Snips
Chapters
Transcript
Episode notes
ANECDOTE

Live Coding Music With Strudel

  • Wes describes watching DJ Dave live-code music with Strudel at GitHub Universe and being mesmerized by commenting code to change tracks.
  • He highlights Strudel's readable music syntax and the interactive REPL at strudel.cc.
INSIGHT

Hydra Bridges Code And Live Visuals

  • Hydra is a chainable WebGL-based video-synthesis environment focused on live visuals and layering effects.
  • Scott notes its syntax resembles Strudel and can be hooked to audio for synchronized visuals.
INSIGHT

P5.js Lowers The Barrier To Web Art

  • P5.js targets visual art with a friendly API for shapes, animations, and shaders, supported by a large community.
  • Scott points out p5 is approachable for data-viz and shader introductions compared with low-level WebGL.
Get the Snipd Podcast app to discover more snips from this episode
Get the app