ShaderToy LiveCoding - The Drive Home - 1. Basic Setup

The Art of Code · 27K views · 2017 · 15:39

Open on YouTube

Creative coding & generative artComputer graphics & renderingtutorial

Why Hacker News recommends it

Recommended in shader and rain-simulation threads as an engaging tutorial from a well-liked graphics-programming channel.

What it is

The first part of a ShaderToy live-coding series that lays the groundwork for The Drive Home, a rainy night-traffic shader. It covers basic setup and builds toward rain and bokeh effects.

Recommended by 2 HN commenters across 2 different months, 2018 to 2025.

What Hacker News said

Recommends weinzierl · 2020-07 · on “Show HN: WebGL simulation of rainy autumn day/evening”

Not sure if it is the original but the source where I first saw this rain effect was on ShaderToy - The Drive Home by Martijn Steinrucken aka BigWings[1] The accompanying video tutorial[2] is super interesting too as well as the HN discussion at the time [3]. [1] [LINK] [2] Link to first part: [this video] [3] [LINK]

Recommends FjordWarden · 2025-04 · on “Shadertoys Ported to Rust GPU”

I've always enjoyed watching The Art of Code[1], Freya[2] also has a good number of videos on it. But that is just vertex shaders for things like Shadertoys. There is much more to computer graphics or GPGPU than this though, Im still learning about that myself X). [1] [this video] [2] [LINK]

Cites dahart · 2018-11 · on “Making rain simulation as real as possible”

Is there any description or attribution for the shader? Are the visuals an improved version of Martijn Steinrucken's "Drive Home" shader [1], or a different approach? This one does seem more dynamic with more detail, it looks pretty good, and I like how the big drops take out the small spray. [1] shader: [LINK] video: [LINK] tutorial: [this video]

Cites rgovostes · 2022-09 · on “Nightdrive”

See also Martijn Steinrucken aka BigWings's The Drive Home: ShaderToy: [LINK] [WebGL] Video: [LINK] / Making of: [this video]