Live coding a realtime raytracing shader

Inigo Quilez
2 HN recommenders · recommended in 2 months, 2011–2012
YouTube
66K views · 15 years ago · demo · expert · dated

Inigo Quilez live-codes a real-time raytracer in GLSL, writing the shader from scratch in about 24 minutes while the result updates on screen. It shows the live shader-editing setup as well as the raytracing technique.

HN people cite it as the inspiration for browser-based live shader editors and for the idea of coding visuals with instant feedback.

“What inspired me was this video of Iq's live coding setup [3] from last year.”
Shaders & real-time visualsTools for thought & programming UX
#inigoquilez#glsl#raytracing#livecoding#shaders

2 comments from Hacker News

m
@mrdoob22012 · in “Realtime Three.js Coding”
I feel that talk made an impression on many people. I think that talk made live editing "mainstream" and Bret "stole" the concept by doing a good show just like Apple does. It's been done for years but no one "bothered" making a good show/product that wowed people. From the top of my head (fluxus) [1] and impromptu [2]. And I bet every game company have their own live editing tools. Anyway, </rant>. What inspired me was this video of Iq's live coding setup [3] from last year. Months later I made a webgl version [4] to help spread glsl know-how. Then doing the HTML/CSS/JavaScript one was just natural de-evolution :) [1] link [2] link) [3] ▶ this video [4] link
RecommendsView on HN
e
@elpuri2011 · in “Live video of writing a GLSL raytracer in 24 minutes”
Submitted the video to Hacker News.
RecommendsView on HN