Loading video...

Video Failed to Load

Go Home

My #threejs Lumen Decor Studio is getting an update. It will now support more settings and more complex scenes, thanks to the latest library updates. I'm combining #WebGPU SSGI with light probes, giving us the best of both worlds. Real-time light bounces via SSGI, and when the camera stops...

Andersonmancini's profile picture

Anderson Mancini

13,929 subscribers

29,298 views • 1 month ago •via X (Twitter)

#threejs#WebGPU
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Since using probes is a very technical subject and difficult to understand without visual examples, I decided to create a video with an exaggerated example to show the incredible results that mrdoob 's work with probes can provide. As you can see in the video, the hybrid solution of probes with SSGI blends the best of both worlds: projected lights when the objects emitting the color are in the scene, and indirect light provided by the probes when they are not. Of course, nobody is going to use red and green walls at home lol. This is just a visual example to exaggerate the use and demonstrate how the technology works from a creative point of view. I hope it helps someone 🤗. #threejs #threejsJourney #creativecoding #webgpu
2:42

Since using probes is a very technical subject and difficult to understand without visual examples, I decided to create a video with an exaggerated example to show the incredible results that mrdoob 's work with probes can provide. As you can see in the video, the hybrid solution of probes with SSGI blends the best of both worlds: projected lights when the objects emitting the color are in the scene, and indirect light provided by the probes when they are not. Of course, nobody is going to use red and green walls at home lol. This is just a visual example to exaggerate the use and demonstrate how the technology works from a creative point of view. I hope it helps someone 🤗. #threejs #threejsJourney #creativecoding #webgpu

Anderson Mancini

12,199 views • 29 days ago

My new #threejs project is live😍. Lumen Decor features WebGPU SSGI+SSR, showcasing how sunlight can influence decoration. Everything you see renders in real-time and weighs 4MB. #creativecoding #webgpu #tsl
2:47

My new #threejs project is live😍. Lumen Decor features WebGPU SSGI+SSR, showcasing how sunlight can influence decoration. Everything you see renders in real-time and weighs 4MB. #creativecoding #webgpu #tsl

Anderson Mancini

68,065 views • 7 months ago

Update on my new #threejs project, Lumen Decor Studio. With Screen Space Global Illumination and Screen Space Reflection in action, clients can visualize, in real time, how light can influence a room's decor and how the chosen colors blend with the light to create a cozy atmosphere. Next step: color selection behavior😍 Live link soon #creativecoding #tsl #rf3 #webgpu #threejsJourney
2:21

Update on my new #threejs project, Lumen Decor Studio. With Screen Space Global Illumination and Screen Space Reflection in action, clients can visualize, in real time, how light can influence a room's decor and how the chosen colors blend with the light to create a cozy atmosphere. Next step: color selection behavior😍 Live link soon #creativecoding #tsl #rf3 #webgpu #threejsJourney

Anderson Mancini

149,365 views • 8 months ago

🚀 #threejs r181 is going to be insane. I’ve been playing with the new Screen Space Global Illumination #TSL node before release in #r3f. The video showcases SSGI, GTAO, and TRAA post-processing effects performing magic thanks to the new #WebGPU API. Live link soon. Higher res video: Want to know more? Follow the thread 👇 #creativecoding
4:25

🚀 #threejs r181 is going to be insane. I’ve been playing with the new Screen Space Global Illumination #TSL node before release in #r3f. The video showcases SSGI, GTAO, and TRAA post-processing effects performing magic thanks to the new #WebGPU API. Live link soon. Higher res video: Want to know more? Follow the thread 👇 #creativecoding

Anderson Mancini

27,900 views • 8 months ago

A little work in progress on my new #threejs project showing how Screen Space Global Illumination also works wonders in open scenes. Here, I'm using SSGI with CSM, SSS (screen space shadows), and a custom atmospheric fog for more realism. Adjusting the time of day in a scene like this is like a dream come true 😍. More details soon. #webgpu #tsl #creativecoding #threejsJourney
2:07

A little work in progress on my new #threejs project showing how Screen Space Global Illumination also works wonders in open scenes. Here, I'm using SSGI with CSM, SSS (screen space shadows), and a custom atmospheric fog for more realism. Adjusting the time of day in a scene like this is like a dream come true 😍. More details soon. #webgpu #tsl #creativecoding #threejsJourney

Anderson Mancini

11,017 views • 6 months ago

Sparse Volumetric Light maps (WebGPU). Worked on ensuring C0 continuity across the entire map. For now this is achieved by purging incomplete node levels, works well enough even if it's a bit of a blunt tool. Actual locations for probes during the bake are now going through an optimization phase, which allows me to push probes behind surfaces out into the open resulting in much fewer light leakage artifacts. This video here has only 28,376 probes in the map, and takes 1.8Mb of VRAM
0:36

Sparse Volumetric Light maps (WebGPU). Worked on ensuring C0 continuity across the entire map. For now this is achieved by purging incomplete node levels, works well enough even if it's a bit of a blunt tool. Actual locations for probes during the bake are now going through an optimization phase, which allows me to push probes behind surfaces out into the open resulting in much fewer light leakage artifacts. This video here has only 28,376 probes in the map, and takes 1.8Mb of VRAM

Alex Goldring

15,814 views • 4 months ago

The classic salt battery based light. It should last a very long time, with salt/water updates. Ultimate the probes will become unable to move ions, but in the best case, that will be a very long time.
0:58

The classic salt battery based light. It should last a very long time, with salt/water updates. Ultimate the probes will become unable to move ions, but in the best case, that will be a very long time.

Brian Roemmele

170,078 views • 7 months ago

Realistic Water Simulation with #threejs is live: Now, you can configure scenes, objects, colors, and light positions. You can also dive to see the effects from underwater 🌊💧. It works great on mobile 🤩. The breakdown video will be on my YouTube channel soon. Be sure to subscribe so you don't miss it: Thanks again, Evan Wallace, for the inspiration 🙏🏻 #threejsjourney #creativecoding #r3f
2:32

Realistic Water Simulation with #threejs is live: Now, you can configure scenes, objects, colors, and light positions. You can also dive to see the effects from underwater 🌊💧. It works great on mobile 🤩. The breakdown video will be on my YouTube channel soon. Be sure to subscribe so you don't miss it: Thanks again, Evan Wallace, for the inspiration 🙏🏻 #threejsjourney #creativecoding #r3f

Anderson Mancini

30,275 views • 1 year ago

Following ☄︎ work, I'm experimenting with some react three fiber with #threejs webGPU. We no longer need an EffectComposer to use post-processing effects in #r3f. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects. All you need to do is import the effects you want and add them to the final composition. I will share the link to the demo and source code on Monday 😍. Another thing I want to highlight is how amazing the Screen Space Reflection effect is. It generates reflections not only on the ground, as we had before in r3f in webgl. It is able to calculate the reflections between the meshes. Look how beautiful the reflection of the lightsaber on Darth Vader's mask is. This is not something that is easy to calculate and this is exactly where WebGPU in threejs shines! Congratulations to everyone on the threejs team. I am increasingly impressed with WebGPU and TSL.
1:41

Following ☄︎ work, I'm experimenting with some react three fiber with #threejs webGPU. We no longer need an EffectComposer to use post-processing effects in #r3f. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects. All you need to do is import the effects you want and add them to the final composition. I will share the link to the demo and source code on Monday 😍. Another thing I want to highlight is how amazing the Screen Space Reflection effect is. It generates reflections not only on the ground, as we had before in r3f in webgl. It is able to calculate the reflections between the meshes. Look how beautiful the reflection of the lightsaber on Darth Vader's mask is. This is not something that is easy to calculate and this is exactly where WebGPU in threejs shines! Congratulations to everyone on the threejs team. I am increasingly impressed with WebGPU and TSL.

Anderson Mancini

26,339 views • 1 year ago

New update to my #threejs Lumen Decor Studio project. Color selection behavior is ready🤩. Thanks to real-time global illumination, colors now blend naturally with sunlight, creating beautiful bounced colors everywhere. Next step: Live link #creativecoding #tsl #rf3 #webgpu
3:00

New update to my #threejs Lumen Decor Studio project. Color selection behavior is ready🤩. Thanks to real-time global illumination, colors now blend naturally with sunlight, creating beautiful bounced colors everywhere. Next step: Live link #creativecoding #tsl #rf3 #webgpu

Anderson Mancini

24,846 views • 8 months ago

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f
1:02

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f

Anderson Mancini

12,472 views • 1 year ago

His Beatitude Pierbattista Cardinal Pizzaballa, addressing Christians in Bethlehem today says “the light of Bethlehem is the Light of the World”, adding that “I saw in Gaza disaster there, the situation is really catastrophic, but I saw there also the desire for life”: “Dear friends, brothers and sisters, Merry Christmas! Today I see in Bethlehem is real Christmas! And today you are giving not just to Bethlehem, or the Holy Land, but to the whole world, what is the meaning of Christmas; I’m sure we are not out of all the problems, but today in Bethlehem I see light. Not just the sun, but you the people, I see the light, you are light, we all together are the light, because you decided to be the light. And the light of Bethlehem is the Light of the World. I bring to you the greetings, the prayers, and hugs, of our brothers and sisters in Gaza. I saw in Gaza disaster there, the situation is really catastrophic, but I saw there also the desire for life. In the midst of nothing they have been able to celebrate with joy despite everything, and they remind us that it is always possible to rebuild even in all the devastation we are seeing. So it is possible once again to celebrate in Gaza, it is possible to celebrate in Bethlehem, we need to celebrate not just today but everyday. We will rebuild everything, but we build within life and today I saw life. Merry Christmas!”
4:23

His Beatitude Pierbattista Cardinal Pizzaballa, addressing Christians in Bethlehem today says “the light of Bethlehem is the Light of the World”, adding that “I saw in Gaza disaster there, the situation is really catastrophic, but I saw there also the desire for life”: “Dear friends, brothers and sisters, Merry Christmas! Today I see in Bethlehem is real Christmas! And today you are giving not just to Bethlehem, or the Holy Land, but to the whole world, what is the meaning of Christmas; I’m sure we are not out of all the problems, but today in Bethlehem I see light. Not just the sun, but you the people, I see the light, you are light, we all together are the light, because you decided to be the light. And the light of Bethlehem is the Light of the World. I bring to you the greetings, the prayers, and hugs, of our brothers and sisters in Gaza. I saw in Gaza disaster there, the situation is really catastrophic, but I saw there also the desire for life. In the midst of nothing they have been able to celebrate with joy despite everything, and they remind us that it is always possible to rebuild even in all the devastation we are seeing. So it is possible once again to celebrate in Gaza, it is possible to celebrate in Bethlehem, we need to celebrate not just today but everyday. We will rebuild everything, but we build within life and today I saw life. Merry Christmas!”

Catholic Sat

62,851 views • 6 months ago

Using #threejs with WebGPU and TSL to build a light painting tool. It's not like watercolor, but I like how the paint dries over time. It's quite relaxing. Next, I'll enable "mesh painting" mode. Let's see how it looks. #creativecoding
0:33

Using #threejs with WebGPU and TSL to build a light painting tool. It's not like watercolor, but I like how the paint dries over time. It's quite relaxing. Next, I'll enable "mesh painting" mode. Let's see how it looks. #creativecoding

Anderson Mancini

26,897 views • 4 months ago

I’ve taken the #threejs water realism to the next level! Now with RGB distortion in the caustics, we get even more realistic, colorful light projections. The water movement has been improved to flow naturally, with optimizations for smoother performance. Plus, I’ve added a post-processing effect that simulates underwater distortion, complete with a dynamic waterline when the camera is partially submerged. After diving in, watch out for realistic water droplets on the screen! Stay tuned for the live link coming soon! 🌊💧. You can watch the video with better quality on my YouTube Channel. #threejsJourney #creativecoding #r3f
2:49

I’ve taken the #threejs water realism to the next level! Now with RGB distortion in the caustics, we get even more realistic, colorful light projections. The water movement has been improved to flow naturally, with optimizations for smoother performance. Plus, I’ve added a post-processing effect that simulates underwater distortion, complete with a dynamic waterline when the camera is partially submerged. After diving in, watch out for realistic water droplets on the screen! Stay tuned for the live link coming soon! 🌊💧. You can watch the video with better quality on my YouTube Channel. #threejsJourney #creativecoding #r3f

Anderson Mancini

209,113 views • 1 year ago

If I could go back in time and tell little Frankie one thing, it’s that everything happens for a reason, and the even the darkness you encounter will present an opportunity to find your way back to the light and get stronger in the process. I couldn’t have made it out of my hotel rock bottom if it wasn’t for my mother and my sister, who I am so proud to say are now both on this song with me. I love you mom. I love you Ari. Thank you for well, everything. 💞 Link In thread to watch the video and listen to Hotel Rock Bottom Deluxe 🫂
0:28

If I could go back in time and tell little Frankie one thing, it’s that everything happens for a reason, and the even the darkness you encounter will present an opportunity to find your way back to the light and get stronger in the process. I couldn’t have made it out of my hotel rock bottom if it wasn’t for my mother and my sister, who I am so proud to say are now both on this song with me. I love you mom. I love you Ari. Thank you for well, everything. 💞 Link In thread to watch the video and listen to Hotel Rock Bottom Deluxe 🫂

Frankie James Grande

91,065 views • 11 months ago

James on YouTube blue light room drilling craft room analysis...🧐🤔 Many are speculating that the light in James room is from a external bulb or source but here is a overlay from his previous video of him taking out the bulbs on that side of the room and when the blue light occurred hard to sell but if u look there is no bulb there no bulb on that side of the room period. No light source and the back of the room doesn’t have a window or anything period.
0:24

James on YouTube blue light room drilling craft room analysis...🧐🤔 Many are speculating that the light in James room is from a external bulb or source but here is a overlay from his previous video of him taking out the bulbs on that side of the room and when the blue light occurred hard to sell but if u look there is no bulb there no bulb on that side of the room period. No light source and the back of the room doesn’t have a window or anything period.

UFO mania

86,664 views • 7 months ago

Two new #threejs projects on the way 😍 Working on my own gem renderer with a custom refraction material in TSL for #WebGPU, combining Screen Space Reflections + SSGTAO for superior results, as this allows diamonds to generate reflections on the metal mesh. The performance is incredible, even on gems with over 200 diamonds. This time, without any additional libraries. Just React Three Fiber and a lot of magic with custom shaders in TSL. GemGPU™ will also come with a very minimalist gem and metal customization panel that hides and lets the jewelry be the star. I also created a beautiful new stats panel that completely hides in the scene when not needed. It provides relevant optimization information, a performance gauge, summary and expanded modes, and day/night toggle. In the video, you can also see SSGI in action, with a pearl that reflects, in real time, all the objects in the scene, just as the objects in the scene reflect the pearl. It's magical. There are still a few things to fix, but I'll share the live link soon. Stay tuned.
3:43

Two new #threejs projects on the way 😍 Working on my own gem renderer with a custom refraction material in TSL for #WebGPU, combining Screen Space Reflections + SSGTAO for superior results, as this allows diamonds to generate reflections on the metal mesh. The performance is incredible, even on gems with over 200 diamonds. This time, without any additional libraries. Just React Three Fiber and a lot of magic with custom shaders in TSL. GemGPU™ will also come with a very minimalist gem and metal customization panel that hides and lets the jewelry be the star. I also created a beautiful new stats panel that completely hides in the scene when not needed. It provides relevant optimization information, a performance gauge, summary and expanded modes, and day/night toggle. In the video, you can also see SSGI in action, with a pearl that reflects, in real time, all the objects in the scene, just as the objects in the scene reflect the pearl. It's magical. There are still a few things to fix, but I'll share the live link soon. Stay tuned.

Anderson Mancini

12,044 views • 4 months ago

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f
0:43

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

Anderson Mancini

22,328 views • 15 days ago

Now Point Light Volumes supports Cubemap projections! Volumetric fog makes it look just stunning! But here's some bad news... If I release it, all world creators will need to update their worlds to the new Light Volumes version. Otherwise it will break the back compatibility. Updating avatars will be really suggested too, to support the point light volumes, but worlds are something that is more important! But it will be just as easy as to reupload the world.
0:55

Now Point Light Volumes supports Cubemap projections! Volumetric fog makes it look just stunning! But here's some bad news... If I release it, all world creators will need to update their worlds to the new Light Volumes version. Otherwise it will break the back compatibility. Updating avatars will be really suggested too, to support the point light volumes, but worlds are something that is more important! But it will be just as easy as to reupload the world.

RED_SIM

11,332 views • 1 year ago

GOD CREATED YOU FROM WITHIN HIMSELF, YOU ARE THE SPARK OF LIFE THE LIGHT ON A HILL THAT CAN NOT BE HIDDEN. THE LIGHT SHINES IN THE DARKNESS AND THE DARKNESS HAS NOT OVERCOME IT. HIS WORD IS THE LAMP TO OUR FEET AND A LIGHT TO OUR PATH.
1:06

GOD CREATED YOU FROM WITHIN HIMSELF, YOU ARE THE SPARK OF LIFE THE LIGHT ON A HILL THAT CAN NOT BE HIDDEN. THE LIGHT SHINES IN THE DARKNESS AND THE DARKNESS HAS NOT OVERCOME IT. HIS WORD IS THE LAMP TO OUR FEET AND A LIGHT TO OUR PATH.

YEHI 'OHR

17,821 views • 1 year ago