HackerTube.dev

LIVE Coding "Happy Jumping"

Inigo Quilez · 106.4K views · 2019-08-14 · 5:43:06

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

Inigo Quilez live-codes the "Happy Jumping" animated scene in a Shadertoy GLSL shader over about six hours. He builds the raymarched character step by step, explaining the math and procedural techniques, with checkpoints linked for each stage.

On Hacker News

HN commenters point to it as a patient, full-length walkthrough of how a raymarched shader is built from scratch.

Recommended by 2 HN people across 2 months · HN mentions 2020–2022

Topics

Search by tags

What people said

jwatzman · 2022-06 · Strong recommendation

Indeed his videos are amazing . My recommendation though would be to start with the "beginner" video -- which is completely 2D but at least gets some ideas across. Then watch [LINK] which isn't his but introduces how you get 3D out of fragment shaders. Finally just drink from the firehose -- [VIDEO] is fantastic, yes it's five hours but worth it. (Definitely come into that familiar with the idea of raymarching though... the first few minutes start off super basic but it goes to eleven real quick.)

Read the original HN comment ↗
trollied · 2020-10 · Recommendation

If you have 6 hours to kill, check this shadertoy that uses ray marching: [LINK] And the video that goes through its creation step by step: [VIDEO]

Read the original HN comment ↗
DonHopkins · 2021-01 · Reference

Inigo Quilez's procedural raymarching masterpiece, "Surfer Boy": [LINK] // Created by inigo quilez - iq/2018 // License Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. // A surfer boy in the beach, disney/pixar style. I had to be very careful // with the complexity, otherwise the browser would crash during shader // compilation. I also had to split the boy in two layers because of that, // see below (the single pass version is smaller of course but takes 3 extra // seconds to compile, and renders a bit more slowly) // // This is totally painted to camera, it won't work from others perspectives. // // Common - contains some basic stuff // Buffer A - renders the brackground - not super polished really // Buffer B - blurs the background // Buffer C - paints the boy, except the hand and the board // Image - paints the hand and the board, and does some minimal postpro // // If you have a slow PC, you can watch it here: [LINK] And Happy Jumping: [LINK] // Created by inigo quilez - iq/2019 // License Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. // // // An animation test - a happy and blobby creature jumping and // looking around. It gets off-model very often, but it looks // good enough I think. // // Making-of and related math/shader/art explanations (6 hours // long): [VIDEO] // // Video capture: [LINK] // // You can buy a metal print of this shader here: [LINK]

Read the original HN comment ↗

Sources

Video by Inigo Quilez, played through YouTube.

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