Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

15,108 subscribers

128,670 görüntüleme • 1 ay önce •via X (Twitter)

SanatBilim & TeknolojiEğitim#threejs
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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,915 görüntüleme • 1 ay önce

Cyberpunk-ish ⚡️ Maybe not an entire city…but at least one rainy alley built with #threejs + WebGPU that weighs only 15 MB. Live link: This is also a sneak peek at some of the techniques that Sunag and I will be covering during our workshop at Three.js Conf Paris. More on that below 🤗 I hope you like it #WebGPU #creativecoding #threejsJourney
2:39

Cyberpunk-ish ⚡️ Maybe not an entire city…but at least one rainy alley built with #threejs + WebGPU that weighs only 15 MB. Live link: This is also a sneak peek at some of the techniques that Sunag and I will be covering during our workshop at Three.js Conf Paris. More on that below 🤗 I hope you like it #WebGPU #creativecoding #threejsJourney

Anderson Mancini

97,211 görüntüleme • 1 ay önce

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,446 görüntüleme • 10 ay önce

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,257 görüntüleme • 1 yıl önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 7 ay önce

🌊: 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 görüntüleme • 8 ay önce

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 görüntüleme • 1 yıl önce

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,962 görüntüleme • 9 ay önce

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 görüntüleme • 9 ay önce

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,274,168 görüntüleme • 1 yıl önce

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,935 görüntüleme • 1 ay önce

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

150,124 görüntüleme • 10 ay önce

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,621 görüntüleme • 2 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 1 yıl önce