Loading video...

Video Failed to Load

Go Home

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 🤗

Andersonmancini's profile picture

Anderson Mancini

14,572 subscribers

122,984 views • 4 days ago •via X (Twitter)

ArtsScience & TechnologyEducation#threejs
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

22,884 views • 8 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,187 views • 9 months ago

Live: Source: You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler. It works like a dream😍. I added the Royal Naboo starship in the scene to show how Screen Space Reflections reacts to all metallic surfaces, not just the floor. I hope you like it. Please give me a star⭐️on GitHub if you can. #threejsJourney
1:27

Live: Source: You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler. It works like a dream😍. I added the Royal Naboo starship in the scene to show how Screen Space Reflections reacts to all metallic surfaces, not just the floor. I hope you like it. Please give me a star⭐️on GitHub if you can. #threejsJourney

Anderson Mancini

20,231 views • 1 year ago

Time lapse showing what real Human induced Climate Change looks like. Are you missing the Sun yet?
0:37

Time lapse showing what real Human induced Climate Change looks like. Are you missing the Sun yet?

Concerned Citizen

25,561 views • 1 year ago

I wanted to learn #Threejs properly. So naturally, instead of just learning it, I built an entire interactive guide with live playgrounds for 8 topics. Geometry, materials, cameras, lighting, controls, post-processing, all with examples you can play with in the browser. You can literally drag, rotate, and break things in real time while learning. I spent more time building the playgrounds than writing the explanations. Classic move 😅 More sections coming. I plan to keep this thing alive and growing. If you wanna try, link in the first comment 👇
0:29

I wanted to learn #Threejs properly. So naturally, instead of just learning it, I built an entire interactive guide with live playgrounds for 8 topics. Geometry, materials, cameras, lighting, controls, post-processing, all with examples you can play with in the browser. You can literally drag, rotate, and break things in real time while learning. I spent more time building the playgrounds than writing the explanations. Classic move 😅 More sections coming. I plan to keep this thing alive and growing. If you wanna try, link in the first comment 👇

Hasan Aboul Hasan

22,128 views • 3 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 • 5 months ago

🌊: Ever wondered what cutting-edge physics simulation looks like in the browser? Check out saharan / さはら's collection at - Realistic water droplets with WebAssembly SIMD - Interactive fluffy ball sim using GPGPU - Coupled cloth and fluid dynamics in real-time - A digital clock powered by a custom physics engine Saharan built everything in Haxe using techniques like MLS-MPM and parallel computation. The physical accuracy and performance are exceptional. All MIT-licensed on GitHub. Perfect if you're exploring GPGPU techniques, browser physics, or just want to see what's possible with WebGL/WebGPU. #WebGL #WebGPU #Physics #GameDev #ComputationalPhysics
1:55

🌊: Ever wondered what cutting-edge physics simulation looks like in the browser? Check out saharan / さはら's collection at - Realistic water droplets with WebAssembly SIMD - Interactive fluffy ball sim using GPGPU - Coupled cloth and fluid dynamics in real-time - A digital clock powered by a custom physics engine Saharan built everything in Haxe using techniques like MLS-MPM and parallel computation. The physical accuracy and performance are exceptional. All MIT-licensed on GitHub. Perfect if you're exploring GPGPU techniques, browser physics, or just want to see what's possible with WebGL/WebGPU. #WebGL #WebGPU #Physics #GameDev #ComputationalPhysics

WebGL / WebGPU

14,778 views • 6 months ago

Almost done with the interaction of my WebGPU fluid simulation! After testing BVH geometry and marching cubes with compute shaders, I chose raymarching for hands interaction & rendering. It adapts well with MLS-MPM and enables precise interaction in real-time for <2ms. #threejs
0:31

Almost done with the interaction of my WebGPU fluid simulation! After testing BVH geometry and marching cubes with compute shaders, I chose raymarching for hands interaction & rendering. It adapts well with MLS-MPM and enables precise interaction in real-time for <2ms. #threejs

Renaud

10,095 views • 1 year ago

Live link: My new #archiviz project using #threejs is live. A realistic scene with 25,000 trees, various post-processing effects, running at 60 FPS, less than 10 MB download 😊. Screen space global illumination makes everything more realistic. Want to know more? Follow the thread👇🏻 #webgpu #threejsJourney
1:38

Live link: My new #archiviz project using #threejs is live. A realistic scene with 25,000 trees, various post-processing effects, running at 60 FPS, less than 10 MB download 😊. Screen space global illumination makes everything more realistic. Want to know more? Follow the thread👇🏻 #webgpu #threejsJourney

Anderson Mancini

17,753 views • 7 months ago

The Live Globe is back on Sphere 100% live data, rendered in real-time, built with threejs, React, and a lot of shaders 3…2…1…
1:01

The Live Globe is back on Sphere 100% live data, rendered in real-time, built with threejs, React, and a lot of shaders 3…2…1…

tobi lutke

72,775 views • 7 months ago

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.
0:46

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.

Prashant

1,273,801 views • 11 months ago

It feels like we've finally reached the point where the latest Assassin's Creed game has Unity lighting, but in real-time. The reason why AC: Unity looked so good back then and still holds up extremely well to this day is because it uses baked lighting. Real time global illumination allows for a full day and night cycle.
1:09

It feels like we've finally reached the point where the latest Assassin's Creed game has Unity lighting, but in real-time. The reason why AC: Unity looked so good back then and still holds up extremely well to this day is because it uses baked lighting. Real time global illumination allows for a full day and night cycle.

NikTek

502,455 views • 12 days 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,502 views • 9 months ago

To showcase Simulon's capability with high-fidelity assets and to highlight the difference between what you see in real-time AR versus the precision of offline cloud rendering, we've made a video using a detailed human scan by 3D Scanstore. Our workflow was designed to closely align the visuals in real-time AR with our offline cloud renders. The video below demonstrates this, transitioning between the AR preview and the final cloud render. This preview lets creators foresee the final VFX shot, reducing guesswork in lighting and composition.
0:31

To showcase Simulon's capability with high-fidelity assets and to highlight the difference between what you see in real-time AR versus the precision of offline cloud rendering, we've made a video using a detailed human scan by 3D Scanstore. Our workflow was designed to closely align the visuals in real-time AR with our offline cloud renders. The video below demonstrates this, transitioning between the AR preview and the final cloud render. This preview lets creators foresee the final VFX shot, reducing guesswork in lighting and composition.

Divesh Naidoo

265,602 views • 2 years ago

Just a Seahorse, Not much happening lately. I did this 3d sketch on a plane using Sculptura app and the real-time rendering with Nomad Sculpt.
0:58

Just a Seahorse, Not much happening lately. I did this 3d sketch on a plane using Sculptura app and the real-time rendering with Nomad Sculpt.

Juan Carlos Montes

27,619 views • 5 months ago

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 moving, I bake probes to measure the average light in the room, generating fill lights that paint an envmap. I also created a denoiser for SSGI, avoiding the previous blur that discarded the AO. Now, everything is lighter, a little noisier, but it complements indirect light well. Live link coming soon. BTW: The video is on my YouTube Channel in case you want to watch it in a higher resolution: #creativecoding #archiviz #WebGPU
2:39

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 moving, I bake probes to measure the average light in the room, generating fill lights that paint an envmap. I also created a denoiser for SSGI, avoiding the previous blur that discarded the AO. Now, everything is lighter, a little noisier, but it complements indirect light well. Live link coming soon. BTW: The video is on my YouTube Channel in case you want to watch it in a higher resolution: #creativecoding #archiviz #WebGPU

Anderson Mancini

29,926 views • 2 months ago

Testing the jammer app on the HackRF, and showing you how it looks like in real-time using the Aaronia AG V6 Plus. Note: Jamming is illegal, do not do it. This was done to show you how it looks like, now you know. :) #Aaronia #Spectran #HackRF #teigenRF
1:16

Testing the jammer app on the HackRF, and showing you how it looks like in real-time using the Aaronia AG V6 Plus. Note: Jamming is illegal, do not do it. This was done to show you how it looks like, now you know. :) #Aaronia #Spectran #HackRF #teigenRF

Kjetil Teigen Hansen

14,020 views • 1 year ago

When matsuoka-601 dropped his WebGPU fluid simulation demos, they left everyone in awe—pushing the limits of what's possible in the browser with breathtaking realism and incredible performance. 💦 Now, he's been kind enough to take us behind the scenes, breaking down the magic behind the mesmerizing waves, high-performance physics, and real-time rendering! 🔗⬇️
0:27

When matsuoka-601 dropped his WebGPU fluid simulation demos, they left everyone in awe—pushing the limits of what's possible in the browser with breathtaking realism and incredible performance. 💦 Now, he's been kind enough to take us behind the scenes, breaking down the magic behind the mesmerizing waves, high-performance physics, and real-time rendering! 🔗⬇️

Codrops

163,135 views • 1 year ago

SOMEONE IS BUILDING GTA 6 WITH A LOOP OF AI AGENTS AND JUST SWITCHED TO UNREAL ENGINE ON DAY 7 One full day of setup. Installed Unreal, fought it onto a Mac build, migrated the project and got a scene rendering with real lighting. First time it actually looks like GTA instead of a prototype of it.
1:49

SOMEONE IS BUILDING GTA 6 WITH A LOOP OF AI AGENTS AND JUST SWITCHED TO UNREAL ENGINE ON DAY 7 One full day of setup. Installed Unreal, fought it onto a Mac build, migrated the project and got a scene rendering with real lighting. First time it actually looks like GTA instead of a prototype of it.

0xMarioNawfal

60,080 views • 1 month ago