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

• Flora Guo
• Sophie Tran

related reading

• The Blog of Maxime Heckelblog.maximeheckel.com
• The online home of Maxime's workmaximeheckel.com
• The Web Animation Performance Tier List | Motion Magazinemotion.dev
• On Rendering the Sky, Sunsets, and Planets - The Blog of Maxime Heckelblog.maximeheckel.com
• Shadersshaders.com
• On Crafting Painterly Shaders - The Blog of Maxime Heckelblog.maximeheckel.com
• Every blend mode explained · Sketch Blogsketch.com
• Creating Daylight | The Shadows | Blogbasement.studio
• Thousands of Styled Rectangles in 120FPS on GPU - tchayen.comtchayen.com
• Ray Tracing in One Weekendraytracing.github.io
• Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
• Experiments in procedural dappled light shadersjzhao.xyz