HackerTube

ShaderToy LiveCoding - The Drive Home - 1. Basic Setup

The Art of Code2 HN recommenders · 2018–2025
28K views · tutorial · evergreen · Uploaded 2017-11-06

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 in shader and rain-simulation threads as an engaging tutorial from a well-liked graphics-programming channel.

Creative coding & generative artComputer graphics & rendering

Watch on YouTube

4 comments from Hacker News

@dahart2018 · in “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: [VIDEO]

CitesView on HN
@weinzierl2020 · in “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: [VIDEO] [3] [LINK]

RecommendsView on HN
@rgovostes2022 · in “Nightdrive”

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

CitesView on HN
@FjordWarden2025 · in “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] [VIDEO] [2] [LINK]

RecommendsView on HN