ShaderToy LiveCoding - The Drive Home - 1. Basic Setup

The Art of Code
2 HN recommenders · recommended in 2 months, 2018–2025
YouTube
28K views · 8 years ago · tutorial · intermediate · evergreen

The first part of a live-coding series by The Art of Code (Martijn Steinrucken) on ShaderToy, rebuilding his shader The Drive Home, a rainy night drive. This episode covers the basic setup of the scene.

HN people send it to anyone who liked the rain shader, as the accessible making-of and one of the best shader tutorial channels.

“The accompanying video tutorial[2] is super interesting too”
Shaders & real-time visualsGenerative art
#shadertoy#glsl#shaders#livecoding#raineffect

4 comments from Hacker News

F
@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] ▶ this video [2]link
RecommendsView on HN
w
@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: ▶ this video [3] link
RecommendsView on HN
r
@rgovostes2022 · in “Nightdrive”
See also Martijn Steinrucken aka BigWings's The Drive Home: ShaderToy: link [WebGL] Video: link / Making of: ▶ this video
CitesView on HN
d
@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: ▶ this video
CitesView on HN