Sign in

Maxime

@maxime.bsky.social
5.9K followers 375 following 218 posts

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

PostsRepliesMedia
Maxime @maxime.bsky.social · 31/12/2025
happy you’ve enjoyed it! happy new year!
030
Maxime @maxime.bsky.social · 16/07/2025
nice good to know it works on it!
000
Maxime @maxime.bsky.social · 16/07/2025
wait how? do you use the beta? (webgpu support is only coming in september on ios)
100
Maxime @maxime.bsky.social · 15/07/2025
floating soft glass made with WebGPU, compute shader, and a fully custom material r3f.maximeheckel.com/webgpu/glass
3353
Maxime @maxime.bsky.social · 26/06/2025
not really sure, made dents over the past few months but must have nailed sleep + nutrition today somehow
030
Maxime @maxime.bsky.social · 25/06/2025
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
280
Maxime @maxime.bsky.social · 10/06/2025
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 😄
000
Maxime @maxime.bsky.social · 10/06/2025
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
100
Maxime @maxime.bsky.social · 10/06/2025
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
100
Maxime @maxime.bsky.social · 10/06/2025
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
100
Maxime @maxime.bsky.social · 10/06/2025
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
100
Maxime @maxime.bsky.social · 10/06/2025
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
100
Maxime @maxime.bsky.social · 10/06/2025
📝 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...
blog.maximeheckel.com
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...
14112
Reposted by Maxime
Kenny.wtf @kenny.wtf · 09/06/2025
This blog is a miracle for terrain nerds frozenfractal.com/blog/2025/6/...
frozenfractal.com
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 ...
15314
Maxime @maxime.bsky.social · 07/06/2025
✍️ 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
0511
Maxime @maxime.bsky.social · 29/05/2025
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
052
Maxime @maxime.bsky.social · 18/05/2025
halfway point crossed
060
Maxime @maxime.bsky.social · 15/05/2025
🫶 thank you sir
020
Maxime @maxime.bsky.social · 09/05/2025
hope you'll enjoy it!
000
Maxime @maxime.bsky.social · 09/05/2025
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...
blog.maximeheckel.com
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.
3171
Maxime @maxime.bsky.social · 03/05/2025
thank you! 🙏
010
Maxime @maxime.bsky.social · 02/05/2025
yes!
010
Maxime @maxime.bsky.social · 02/05/2025
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
6665
Maxime @maxime.bsky.social · 27/04/2025
I always say the hardest is done once you’ve passed the front door of your apartment Then you just need to run
020
Maxime @maxime.bsky.social · 27/04/2025
nice pace man! One day I’ll get there!
110
Maxime @maxime.bsky.social · 27/04/2025
🏃
250
Maxime @maxime.bsky.social · 26/04/2025
first draft for my upcoming blog post on volumetric lighting excited to tell you what I've been learning and experimenting with
0291
Maxime @maxime.bsky.social · 16/04/2025
thank you boss 🫡 looking forward to your course!
020
Maxime @maxime.bsky.social · 16/04/2025
volumetric x lens flare (in orbit) r3f.maximeheckel.com/solar
3414
Maxime @maxime.bsky.social · 14/04/2025
oh that’s arc browser
000
Maxime @maxime.bsky.social · 14/04/2025
for the arches? Blender the stairs are just stacked cylinder rest is react three finer webgl and custom hand made shader effect
000
Maxime @maxime.bsky.social · 14/04/2025
volumetric lighting post-processing effect implemented with raymarching r3f.maximeheckel.com/arches
1817
Maxime @maxime.bsky.social · 13/04/2025
reached central park today
130
Reposted by Maxime
Zohran Kwame Mamdani @zohrankmamdani.bsky.social · 11/04/2025
It's been 34 days since a New Yorker was abducted from his apartment lobby and sent to a detention facility in Louisiana. The Trump administration now admits this kidnapping was *solely* on the basis of protected First Amendment speech. Free Mahmoud now.
apnews.com
Pressed for evidence against Mahmoud Khalil, government cites its power to deport people for beliefs
The U.S. government has submitted a two-page memo from Secretary of State Marco Rubio as its main evidence in its deportation case against Columbia University activist Mahmoud Khalil.
61057333
Maxime @maxime.bsky.social · 30/03/2025
Thank you! I think the new docs are a bit more up to date than my blog post though :)
020
Maxime @maxime.bsky.social · 29/03/2025
they finally match (new blog design is out, not perfect yet, but better nonetheless) personal: maximeheckel.com blog: blog.maximeheckel.com
3341
Maxime @maxime.bsky.social · 15/03/2025
Started at 7am, hopefully I won’t crash during our civ game 🫡
020
Maxime @maxime.bsky.social · 15/03/2025
20k 2 bridges 2 blisters
1150
Maxime @maxime.bsky.social · 14/03/2025
funny how I know exactly what the title means 👀
110
Maxime @maxime.bsky.social · 13/03/2025
took me so long to get this to feel somewhat right 🧈
1372
Maxime @maxime.bsky.social · 06/03/2025
6.1 mi still trying to break sub 1 hour 10k with that heart rate Could have today but first need to replicate to make sure it wasn’t just a fluke
010
Maxime @maxime.bsky.social · 06/03/2025
deep in the zone (2)
240
Maxime @maxime.bsky.social · 01/03/2025
what if I told you it’s not a model? 👀 (just a parametric equation)
110
Maxime @maxime.bsky.social · 01/03/2025
the pendulum shall swing the other way again
110
Maxime @maxime.bsky.social · 28/02/2025
it's been 3 days since I've been looking at this version and I don't hate it, so it may survive next up, need to polish/redo some aspect of the article layout
6401
Reposted by Maxime
SimonDev @simondev.bsky.social · 27/02/2025
🌍 Continuing the Three.js Gamedev course with Infinite worlds—how do you keep them smooth and memory under control? We'll tackle how to build a streaming system and look at what features Three.js offers to make this easier. Sign up here👉 simondev.teachable.com/p/games-thre... #threejs #gamedev
27010
Maxime @maxime.bsky.social · 26/02/2025
I may ask you permission to use this as a quote because coming from someone with your caliber it means the world. Also don't hate me but, I ripped half of what I demoed in this video within 6 hours of sharing it (part of the process 🥲)
030
Maxime @maxime.bsky.social · 24/02/2025
little sneak peek at a potential new blog landing page I've been working on for the past few days still early, and I have a lot more I want to experiment with
3522
Maxime @maxime.bsky.social · 13/02/2025
Thank you! Question: where did you get it recommended? 👀 I saw a lot of people sharing it but it's also from last august and not sure why it's taking off now (no relevant analytics on my end)
100