Skip to content
Hallway
0:00 / 0:00

#shadertoy#webgl#fragmentshader

ShaderToy LiveCoding - The Drive Home - 1. Basic Setup

The Art of Code

60K subscribers • 19 videos on Hallway

YouTube
  • Recommended by 2 people: 2 on Hacker News.
  • A classic. People kept recommending it from 2020 to 2025.
  • Presented by Martijn Steinrucken

Intermediate. Assumes working knowledge.

27K views8 years ago2 recommendations

Graphics and audioRenderingGPUs, shaders and CUDACreative coding

Martijn Steinrucken demonstrates the basic setup for creating a realistic rainy night-traffic shader in ShaderToy.

In this video we'll lay the groundwork for my ShaderToy "The Drive Home" Follow me on Twitter: @The_ArtOfCode Support me on Patreon: patreon.com/TheArtOfCode Live code for part 1: shadertoy.com/view/4djfR1 Video of final effect: youtube.com/watch?v=WrxZ4AZPdOQ Live version of the final effect: shadertoy.com/view/MdfBRX Music: Mr. Bill - Cheyah (Zefora's digital rain remix) soundcloud.com/zefora/cheyah For an in-depth explanation of camera setup check these out: youtube.com/watch?v=dKA5ZVALOhs youtube.com/watch?v=PBxuVlp7nuM

Why it's here

2 people recommend this

What people say. Recommended as an excellent tutorial for learning advanced fragment shader techniques and creative coding.

weinzierlon Hacker News • Recommends

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 BigWings1 The accompanying video tutorial2 is super interesting too as well as the HN discussion at the time 3. 1 link 2 Link to first part: link to this video 3 link
View on Hacker News

FjordWardenon Hacker News • Recommends

On “Shadertoys Ported to Rust GPU”

I've always enjoyed watching The Art of Code1, Freya2 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 link to this video 2 link
View on Hacker News

daharton Hacker News • Mentions

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: link to this video
View on Hacker News

rgovosteson Hacker News • Mentions

On “Nightdrive”

See also Martijn Steinrucken aka BigWings's The Drive Home: ShaderToy: link WebGL Video: link / Making of: link to this video
View on Hacker News