HackerTube
HomeLongsLikedHistoryWatch laterCategoriesPlaylistsSettings

ShaderToy LiveCoding - The Drive Home - 1. Basic Setup

The Art of Code2 HN recommenders · recommended in 2 months, 2018-2025
YouTube
28K views · 9 years ago · tutorial · evergreen

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#shadertoy#glsl#raineffect#webgl#livecoding

4 comments from Hacker News

@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
@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
@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
@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
The Drive Home - ShaderToy2:01

The Drive Home - ShaderToy

The Art of Code
11K views • 9 years ago
Learn to Paint with Mathematics24:02

Learn to Paint with Mathematics

Inigo Quilez
191K views • 12 years ago
LIVE Coding "Happy Jumping"5:43:06

LIVE Coding "Happy Jumping"

Inigo Quilez
106K views • 7 years ago
I painted a Landscape with Mathematics42:00

I painted a Landscape with Mathematics

Inigo Quilez
812K views • 4 years ago
Brigade 3.0 preview - Real-time path tracing2:13

Brigade 3.0 preview - Real-time path tracing

icelaglace
439K views • 12 years ago
Shader Basics, Blending & Textures • Shaders for Game Devs [Part 1]3:53:11

Shader Basics, Blending & Textures • Shaders for Game Devs [Part 1]

Freya Holmér
1.9M views • 5 years ago
Erik Jansson - GPU driven Rendering with Mesh Shaders in Alan Wake 243:13

Erik Jansson - GPU driven Rendering with Mesh Shaders in Alan Wake 2

Digital Dragons
29K views • 2 years ago
Rendering Tiny Glades With Entirely Too Much Ray Marching59:20

Rendering Tiny Glades With Entirely Too Much Ray Marching

Graphics Programming Conference
108K views • 1 year ago
GuiltyGearXrd's Art Style : The X Factor Between 2D and 3D58:59

GuiltyGearXrd's Art Style : The X Factor Between 2D and 3D

GDC Festival of Gaming
710K views • 11 years ago
Painting a Character with Maths24:46

Painting a Character with Maths

Inigo Quilez
458K views • 5 years ago
8 Bit & '8 Bitish' Graphics-Outside the Box1:25:34

8 Bit & '8 Bitish' Graphics-Outside the Box

GDC Festival of Gaming
568K views • 9 years ago
Blender 3.0 Beginner Tutorial - Part 116:43

Blender 3.0 Beginner Tutorial - Part 1

Blender Guru
9.3M views • 4 years ago
New Voxel Engine Reveal - Crystal Islands Experiment5:05

New Voxel Engine Reveal - Crystal Islands Experiment

John Lin
394K views • 5 years ago
Making a heart with Maths10:14

Making a heart with Maths

Inigo Quilez
112K views • 9 years ago
I wrote a Raytracer for DOS, 16 VGA colors15:00

I wrote a Raytracer for DOS, 16 VGA colors

Bisqwit
905K views • 15 years ago
Disney's Practical Guide to Path Tracing9:32

Disney's Practical Guide to Path Tracing

Walt Disney Animation Studios
914K views • 10 years ago
Faking RTX Global Illumination vs. RTX | 100% Ray-Traced Game, Pt 127:27

Faking RTX Global Illumination vs. RTX | 100% Ray-Traced Game, Pt 1

Gamers Nexus
260K views • 7 years ago
Coding Adventure: Ant and Slime Simulations17:54

Coding Adventure: Ant and Slime Simulations

Sebastian Lague
2.2M views • 5 years ago
Destiny's Multithreaded Rendering Architecture1:06:37

Destiny's Multithreaded Rendering Architecture

GDC Festival of Gaming
45K views • 11 years ago
3D Gaussian Splatting - Why Graphics Will Never Be The Same2:12

3D Gaussian Splatting - Why Graphics Will Never Be The Same

IndividualKex
2M views • 3 years ago