Shading Motion - The Blog of Maxime Heckel
A deep dive into detecting, extracting, and stylizing motion with WebGPU and TSL, covering motion masking, blob tracking, optical flow, and velocity-based motion blur.
If you are a long-time reader of this blog, you may have noticed that many of my recent explorations related to graphics programming topics involves some flavor of screen-space shaders. They are incredibly versatile, as we’ve seen through the many effects we’ve studied, ranging from simple pixel manipulation, such as paint or halftone, to more advanced use cases, such as volumetric lighting or atmospheric scattering. Yet, all have one thing in common here. They all treat the underlying image, or frame, as a spatial medium: sampling color, luminance, depth, and neighboring pixels, and use it…
saved by
related reading
- Pocket Grovehand-lantern.vercel.app
- The online home of Maxime's workmaximeheckel.com
- Shadersshaders.com
- The Blog of Maxime Heckelblog.maximeheckel.com
- The Book of Shadersthebookofshaders.com
- Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- Motion (prev Framer Motion): JavaScript & React animation librarymotion.dev
- Teaching GPU programming in p5.js: now with compute shaders - Dave Pagurekdavepagurek.com
- Omnimotionarxiv.org
- Unicorn Studio — No-code WebGL Toolunicorn.studio
- Creating Daylight | The Shadows | Blogbasement.studio