Lightnews — Scholar-powered news

Maxime

Maxime

@maxime.bsky.social

5.5K followers 380 following 220 posts

🇫🇷 in 🇺🇸 NYC 🗽 Frontend tango.us Three.js, Shaders, React, Next.js Thoughts and learnings on https://blog.maximeheckel.com Work on https://maximeheckel.com

blog.maximeheckel.com

Posts Media Videos Starter Packs

Maxime @maxime.bsky.social · Jul 16

nice good to know it works on it!

Maxime @maxime.bsky.social · Jul 16

wait how? do you use the beta? (webgpu support is only coming in september on ios)

Maxime @maxime.bsky.social · Jul 15

floating soft glass

made with WebGPU, compute shader, and a fully custom material

r3f.maximeheckel.com/webgpu/glass

Maxime @maxime.bsky.social · Jun 26

not really sure, made dents over the past few months but must have nailed sleep + nutrition today somehow

Maxime @maxime.bsky.social · Jun 25

broke new grounds on my quest to increase my aerobic capacity

6.3mi in 1h03 at 128bpm avg

first run I felt fully in control

Maxime @maxime.bsky.social · Jun 10

This topic has so much to explore, and I hope this article will help you get your first steps building with those new techniques

And I'm looking forward to seeing what you'll build with it 😄

Maxime @maxime.bsky.social · Jun 10

I also pushed further and explored ways to have volumetric light shining in multiple directions or also multiple sources lighting up the scene independently

All of that is in this article alongside interactive demos for you to fork/play with

Maxime @maxime.bsky.social · Jun 10

On top of that, you'll also see some more advanced techniques like "shadow mapping":

The key technique for the Volumetric Light to take into account object on the scene which allow from beautiful dynamic shadows when the light source is occluded

Maxime @maxime.bsky.social · Jun 10

It was also a good opportunity to apply what I learned through my raymarching work in a new light (🥁)

I re-applied concepts I discovered on my work on volumetric clouds to give the light a more natural scattering and look-and-feel

Maxime @maxime.bsky.social · Jun 10

Luckily, through post-processing, you can just do that

By raymarching a light in world space to draw the right set of pixels you can enhance your scene with beautiful atmospheric light

Maxime @maxime.bsky.social · Jun 10

While standard lighting in Three.js/R3F is usually enough, I always felt like it missed some depth and volume

I wanted my light to truly *flood* my scenes with powerful beams or cast strong shadows

Maxime @maxime.bsky.social · Jun 10

📝 New Blog Post 📝

I finally sat down to write about what I learned building a Volumetric Lighting effect for the web

In it, I detail how to blend raymarching with post-processing to create beautiful atmospheric light to elevate your next WebGL project

blog.maximeheckel.com/posts/shapin...

On Shaping Light: Real-Time Volumetric Lighting with Post-Processing and Raymarching for the Web - The Blog of Maxime Heckel

A deep dive into Volumetric Lighting implemented via Post-Processing leveraging a custom shader with raymarching to create beautiful light and atmospheric effect for your React Three Fiber and Three.j...

blog.maximeheckel.com

Reposted by Maxime

Kenny.wtf @kenny.wtf · Jun 9

This blog is a miracle for terrain nerds
frozenfractal.com/blog/2025/6/...

Around The World, Part 23: Hydraulic erosion

As I mentioned last time, I’m currently working on a full rewrite of the game, with a focus on building a solid technical foundation first. But because much of that is boring work, I allowed myself a ...

frozenfractal.com

Maxime @maxime.bsky.social · Jun 7

✍️ Can’t wait to share with you everything I’ve learned about Volumetric Lighting on Tuesday

So many new fun shading techniques to tell you about

Reposted by Maxime

Thomas Künneth @tkuenneth.dev · Jun 6

Just ❤️ what open source can do. Was looking for a free app that provides a ruler to help me check if UI elements are aligned. Found Free Ruler, and loved it.
github.com/pascalpp/Fre...

Screenshot of an area of my Mac desktop, showing the Dock, a Finder window, and the Free Ruler app with its Preferences and About dialog. The app provides a horizontal and vertical ruler.

Maxime @maxime.bsky.social · May 29

sneak peek of some diagrams that will make it into the next blog post

translating concepts that feel super clear in my mind into those is hard but the result is super satisfying when it it works

Maxime @maxime.bsky.social · May 18

halfway point crossed

Maxime @maxime.bsky.social · May 15

🫶 thank you sir

Maxime @maxime.bsky.social · May 9

hope you'll enjoy it!

Maxime @maxime.bsky.social · May 9

Had a blast getting to talk about shaders and hanging out with everyone at #Config2025

For those who came to my talk or watched it online, thank you so much!

If you missed it, I just updated the blog post of this talk with the recording:

blog.maximeheckel.com/posts/config...

Speaking at Figma Config 2025 - The Blog of Maxime Heckel

An overview of the talk I had the chance to give the Figma Config, sharing my passion and learning journey around shaders and real-time 3D on the web.

blog.maximeheckel.com

Maxime @maxime.bsky.social · May 2

thank you! 🙏

Maxime @maxime.bsky.social · May 2

yes!

Maxime @maxime.bsky.social · May 2

got tempted to rebuild this (x.com/5tr4n0/statu...) in webgl using my volumetric lighting shader work

not as good but still a fun one to build

r3f.maximeheckel.com/tunnel

Maxime @maxime.bsky.social · Apr 27

I always say the hardest is done once you’ve passed the front door of your apartment
Then you just need to run

Maxime @maxime.bsky.social · Apr 27

nice pace man! One day I’ll get there!