Skip to content
0:00 / 0:00

#glsl#shadertoy#raymarching

LIVE Coding "Happy Jumping"

Inigo Quilez

114K subscribers • 6 videos on Hallway

YouTube
  • Recommended by 2 people: 2 on Hacker News.
  • Presented by Inigo Quilez, co-creator of Shadertoy

Advanced. Deep dive for people who know the field.

106K views7 years ago2 recommendations

Graphics and audioRenderingGPUs, shaders and CUDACreative coding

Inigo Quilez live-codes the Happy Jumping mathematical animation in GLSL on Shadertoy, explaining raymarching and procedural modeling over six hours.

LIVE stream (6 hours!) deconstructing the "Happy Jumping" mathematical animation Support this channel: patreon.com/inigoquilez Source code: shadertoy.com/view/3lsSzf. These are all the checkpoints I used during the stream, which you can use if it becomes difficult to follow the progress of the code in the stream: Step 1: shadertoy.com/view/Wl2SRw Step 2: shadertoy.com/view/3ljSzw Step 3: shadertoy.com/view/ttjXDz Step 4: shadertoy.com/view/tljSDz Final: shadertoy.com/view/3lsSzf You can buy a metal print of this mathematical animation here: redbubble.com/i/metal-print/Happy-Jumping-by-InigoQuilez/435… More about this LIVE stream: patreon.com/posts/live-stream-and-28954388 Tutorials on math , art, SDFs and computer graphics: iquilezles.org Donate: paypal.me/inigoquilez Subscribe: youtube.com/c/inigoquilez Support: patreon.com/inigoquilez Twitter: twitter.com/iquilezles Facebook: facebook.com/inigo.quilez

Why it's here

2 people recommend this

What people say. Recommended as a masterclass in raymarching, signed distance fields, and procedural shader art by a pioneer of the medium.

jwatzmanon Hacker News • Recommends

On “Source code for 4kb demoscene production “Elevated” released (2016)”

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 -- link to this 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.)

trolliedon Hacker News • Recommends

On “Raymarching with Fennel and LÖVE”

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: link to this video

u/maxmelanderin r/GraphicsProgramming • Mentions

Ray Marching Music Visualizer Hello GraphicsProgramming! I just made a thing that I thought might be fun to share with you all. A design agency here in Oslo asked me if I could help them make an online audio player for their Soundcloud mix concept. I've always been interested in ray marching, so I thought it was the perfect time to learn! I spent a few hours here and there after work for a month, and the result is this little visualizer with some sand dunes, balls, stars, and colors. Check it out in action here! And check out the shader code here. Everything ray marching related is made by following Inigo Quilez's Youtube deconstruction of his Happy Jumping shader. For the lighting par…

DonHopkinson Hacker News • Mentions

On “Raymarching Distance Fields (2008-2020 compilation)”

…eated 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): link to this video // // Video capture: link // // You can buy a metal print of this shader here: link…