ShaderToy LiveCoding - The Drive Home - 1. Basic Setup

The Art of Code · 27.5K views · 2017-11-06 · 15:39

Open on YouTube ↗

If playback is restricted in your region, try opening the original video. Use Mark watched to add it to your marked videos.

Overview

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.

On Hacker News

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

Recommended by 2 HN people across 2 months · HN mentions 2018–2025

Topics

Creative coding & generative art Computer graphics & rendering

What people said

FjordWarden · 2025-04 · Recommendation
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]
Read the original HN comment ↗

weinzierl · 2020-07 · Recommendation
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]
Read the original HN comment ↗

rgovostes · 2022-09 · Reference
See also Martijn Steinrucken aka BigWings's The Drive Home: ShaderToy: [LINK] [WebGL] Video: [LINK] / Making of: [VIDEO]
Read the original HN comment ↗

Sources

Video by The Art of Code, played through YouTube.

HN Library · Source license

Data and selection notes

HN summaries and labels may contain AI errors. HN dates refer to discussions, not video publication.

HN Library: HackerTube export (2026-10-31) and open-index/hacker-news. Upstream summaries and classifications may contain AI errors.

Views, duration and playback status refresh separately from the published catalog. When an update fails, existing data remains visible.

Selection checks

SaaS & AI candidates: Topic keywords do not match
Editor-approved picks: Editorial review is required

Rule matches identify candidates. They do not guarantee video quality or financial results.

About the library and its sources