正在加载视频...

视频加载失败

返回首页

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

14,003 subscribers

29,926 次观看 • 2 个月前 •via X (Twitter)

#threejs#WebGPU
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

My #threejs Lumen Decor Studio is getting an update. Added a denoiser to the SSGI pass + better AO. I love how light bounces cascade on objects. It looks like Blender Cycles for the Browser 😍. Everything you see is rendered in real time and loads only 6.7 MB. Rendering SSGI + AO + SSR + Denoisers + Probes. You can manipulate objects, colors, sun, and sky all in real time. No baking at all. Live link soon.
0:22

My #threejs Lumen Decor Studio is getting an update. Added a denoiser to the SSGI pass + better AO. I love how light bounces cascade on objects. It looks like Blender Cycles for the Browser 😍. Everything you see is rendered in real time and loads only 6.7 MB. Rendering SSGI + AO + SSR + Denoisers + Probes. You can manipulate objects, colors, sun, and sky all in real time. No baking at all. Live link soon.

Anderson Mancini

23,295 次观看 • 23 天前

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,632 次观看 • 2 个月前

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,859 次观看 • 9 个月前

🚀 #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,986 次观看 • 10 个月前

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 次观看 • 8 个月前

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 次观看 • 6 个月前

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,310 次观看 • 1 年前

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,822 次观看 • 1 年前

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,525 次观看 • 1 年前

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,883 次观看 • 7 个月前

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,113 次观看 • 6 个月前

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 次观看 • 1 年前

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

211,735 次观看 • 1 年前

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,684 次观看 • 8 个月前

🚀 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

23,606 次观看 • 2 个月前

Live link: Built to showcase what's possible with real-time WebGPU rendering using #threejs. Just a 6.3 MB download, yet the lighting looks baked—until you grab the sun and watch everything update in real time. I hope you like it 🤗
0:56

Live link: Built to showcase what's possible with real-time WebGPU rendering using #threejs. Just a 6.3 MB download, yet the lighting looks baked—until you grab the sun and watch everything update in real time. I hope you like it 🤗

Anderson Mancini

127,543 次观看 • 19 天前

"Only when it is dark enough can you see the stars," Vice President Kamala Harris says, referencing an old adage. "I know many people feel like we are entering a dark time, but for the benefit of us all, I hope that is not the case. But here's the thing: America, if it is, let us fill the sky with the light of a brilliant, brilliant billion of stars, the light of optimism, of faith, of truth and service."
1:37

"Only when it is dark enough can you see the stars," Vice President Kamala Harris says, referencing an old adage. "I know many people feel like we are entering a dark time, but for the benefit of us all, I hope that is not the case. But here's the thing: America, if it is, let us fill the sky with the light of a brilliant, brilliant billion of stars, the light of optimism, of faith, of truth and service."

CBS News

451,140 次观看 • 1 年前

Thank you for this video and a reminder to spread light and joy. I am going to provide a reprieve from the madness with laughter, joy and the medicine that brings. I will see you tonight and tomorrow Los Angeles, and Phoenix, I will see you Saturday night. That is my job, and it’s more important now than ever to be a spirit lifter upper. To find light in the dark.
0:48

Thank you for this video and a reminder to spread light and joy. I am going to provide a reprieve from the madness with laughter, joy and the medicine that brings. I will see you tonight and tomorrow Los Angeles, and Phoenix, I will see you Saturday night. That is my job, and it’s more important now than ever to be a spirit lifter upper. To find light in the dark.

Chelsea Handler

133,291 次观看 • 2 年前

VP Harris ends her campaign with a powerful sign-off: "Only when it is dark enough can you see the stars. I know many people feel like we are entering a dark time. But for the benefit of us all, I hope that is not the case. If it is, let us fill the sky with the light of a brilliant, brilliant BILLION of stars—the light of optimism, of faith, of truth, and service."
1:37

VP Harris ends her campaign with a powerful sign-off: "Only when it is dark enough can you see the stars. I know many people feel like we are entering a dark time. But for the benefit of us all, I hope that is not the case. If it is, let us fill the sky with the light of a brilliant, brilliant BILLION of stars—the light of optimism, of faith, of truth, and service."

Daniel

364,090 次观看 • 1 年前

My water experiment in #webxr using #threejs is live. If you have a WebXR-compatible device, you can access it here: For now, the experience is optimized for #MetaQuest3. I plan to add support for more devices and improve performance. The source code review video will be available soon on my YouTube channel. I hope you like it 😊 #threejsJourney #ar #vr
0:51

My water experiment in #webxr using #threejs is live. If you have a WebXR-compatible device, you can access it here: For now, the experience is optimized for #MetaQuest3. I plan to add support for more devices and improve performance. The source code review video will be available soon on my YouTube channel. I hope you like it 😊 #threejsJourney #ar #vr

Anderson Mancini

11,006 次观看 • 1 年前