Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

SSGI with TRAA and many other post-processing effects now seem to work on all platforms. Simply add it to your scene to get realistic graphics right away: ▶️ Demo: #threejs #webgl #webdev #3D

0beqz

4,951 subscribers

22,789 views • 2 years ago •via X (Twitter)

Arts Science & Technology Education #threejs #webgl #webdev #3D

Anya Rossi• Live Now

Private livecam show

11 Comments

☄︎2 years ago

beautiful! is v2-debug the branch we should try, or main?

0beqz2 years ago

It's in main.

Bruno Simon2 years ago

Works beautifully on Apple M1 Max 2021 🙌

Simon2 years ago

This is phenomenal!

Anderson Mancini2 years ago

Omg. I was about to sleep. I have to test this 😆 . Thank you very much 👏 🙏🙏🙏. Amazing work. Excited to test in a scene I'm working here. Did those ghosts in scenes without sky gone? I just tested on my Galaxy tab s9, and I get 60 fps without Zoom. 6fps when I zoom.

0beqz2 years ago

Which kind of ghosts? Like with motion blur or TRAA? But I guess so, the demo scene only has a background color but no sky background/mesh.

Anderson Mancini2 years ago

The monitor reflection in that Mac pro tower is so fantastic 😍 👌 👏

tino tibaldo2 years ago

really cool!

XR# —The 3D UI Framework2 years ago

Simply the best 👏

Kofi Owusu-Afriyie2 years ago

this is lit 🔥

0beqz2 years ago

🙌

Related Videos

Working on an overhauled version of SSGI - better temporal reprojection (less smearing, less jagging) - faster due to new denoiser, efficient packing of G-buffers into single texture One big challenge is to make reprojection of reflections way more seamless: #threejs #3D #webdev

Working on an overhauled version of SSGI - better temporal reprojection (less smearing, less jagging) - faster due to new denoiser, efficient packing of G-buffers into single texture One big challenge is to make reprojection of reflections way more seamless: #threejs #3D #webdev

0beqz

20,617 views • 3 years 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

🚀 #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

28,071 views • 10 months 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.

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,829 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

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 • 9 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.

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,095 views • 1 year ago

the legend of fable! ⚔️ continued progress on my 1:1 zelda remake with threejs, littlejs, and claude fable. now with improved graphics and post processing. the goal is a full recreation similar to link's awakening remake. would you play a game like this?

the legend of fable! ⚔️ continued progress on my 1:1 zelda remake with threejs, littlejs, and claude fable. now with improved graphics and post processing. the goal is a full recreation similar to link's awakening remake. would you play a game like this?

Frank Force 🌻

11,923 views • 1 month ago

Just recorded a demo of automatically converting 2D images into 3D mesh with a balloon/lego style. Still many trivial work need to be done on the UI. Icons and stickers in the demo are from Flaticon #webgl #raytracing #generative #voxel

Just recorded a demo of automatically converting 2D images into 3D mesh with a balloon/lego style. Still many trivial work need to be done on the UI. Icons and stickers in the demo are from Flaticon #webgl #raytracing #generative #voxel

Yi Shen

50,250 views • 3 years ago

I felt inspired to recreate the beautiful header from pipe's website but using #threejs instead of video. And with the right post-processing effects, the remastered version has lights that respond to mouse movement with less than 1.7 MB😊. Live link soon. #threejsjourney

I felt inspired to recreate the beautiful header from pipe's website but using #threejs instead of video. And with the right post-processing effects, the remastered version has lights that respond to mouse movement with less than 1.7 MB😊. Live link soon. #threejsjourney

Anderson Mancini

53,006 views • 3 years ago

My cozy fishing app is now live ! How to play ? 🎣 Aim with your phone, move the hook close to a fish and lift it up fast to capture the fish! #threejs #webgl

My cozy fishing app is now live ! How to play ? 🎣 Aim with your phone, move the hook close to a fish and lift it up fast to capture the fish! #threejs #webgl

Alex

129,744 views • 10 months ago

SSGI has received a lot of updates like better denoising, improved temporal reprojection, less smearing. Also fixed some device issues. The new version is up to 90% faster than the last version. 🎊 Test it: Still some work and bug fixing to do...

SSGI has received a lot of updates like better denoising, improved temporal reprojection, less smearing. Also fixed some device issues. The new version is up to 90% faster than the last version. 🎊 Test it: Still some work and bug fixing to do...

0beqz

17,345 views • 2 years ago

My latest track 'Overdrive' is a homage to the era of early 3D graphics and classic PlayStation vibes 🎮 Available now on all major music platforms:

My latest track 'Overdrive' is a homage to the era of early 3D graphics and classic PlayStation vibes 🎮 Available now on all major music platforms:

LukHash

20,946 views • 7 months ago

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI

Luma

230,503 views • 2 years ago

$I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!$

I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!

Danny Limanseta

203,685 views • 4 months ago

Introducing Ferryman 🛶, the easiest way to grow your audience across every platform without extra work 🛶 1⃣ Sign up 2⃣ Connect your socials 3⃣ Post on your favorite account Once connected, Ferryman will automatically cross-post all newly created content from your favorite account to all your other platforms within minutes, ensuring you're everywhere at once. No extra apps, no manual scheduling. Grow everywhere by simply posting on your favorite platform the way you already know how to 🎉 Get your first month of the Basic plan for just $1 with code "DEMO" at checkout (link below) 💰

Introducing Ferryman 🛶, the easiest way to grow your audience across every platform without extra work 🛶 1⃣ Sign up 2⃣ Connect your socials 3⃣ Post on your favorite account Once connected, Ferryman will automatically cross-post all newly created content from your favorite account to all your other platforms within minutes, ensuring you're everywhere at once. No extra apps, no manual scheduling. Grow everywhere by simply posting on your favorite platform the way you already know how to 🎉 Get your first month of the Basic plan for just $1 with code "DEMO" at checkout (link below) 💰

Kevin Naughton Jr.

14,926 views • 7 months ago

Almost quit making this threejs LED effect... Spent hours tweaking shapes and offsets, just couldn't seem to get it right Seeing it actually work is just so rad. It just makes everything jump off the screen ✨ Do you want to see the TSL behind it?

Almost quit making this threejs LED effect... Spent hours tweaking shapes and offsets, just couldn't seem to get it right Seeing it actually work is just so rad. It just makes everything jump off the screen ✨ Do you want to see the TSL behind it?

phobon

61,592 views • 10 months ago

This was simply incredible! Enjoy listening to more tales with M-Sport Ford mechanic Garry Barker on #WRCBackstories - available now on all your usual platforms!

This was simply incredible! Enjoy listening to more tales with M-Sport Ford mechanic Garry Barker on #WRCBackstories - available now on all your usual platforms!

FIA World Rally Championship

26,066 views • 2 months ago

💌 ‘Woman In Love’ by Perrie is officially out NOW in all platforms! Auras, stream the song on your favorite stream platform, buy it on iTunes and add to your streaming playlists. Spotify • iTunes •

💌 ‘Woman In Love’ by Perrie is officially out NOW in all platforms! Auras, stream the song on your favorite stream platform, buy it on iTunes and add to your streaming playlists. Spotify • iTunes •

Perrie Nation

14,912 views • 6 months ago

💥Mission Start💥 #MetalSlugTactics is available now on all platforms! Get ready to take on General Morden’s army with your tactical skills ♟️ 👉Get it now: SNK GLOBAL x Leikir Studio

💥Mission Start💥 #MetalSlugTactics is available now on all platforms! Get ready to take on General Morden’s army with your tactical skills ♟️ 👉Get it now: SNK GLOBAL x Leikir Studio

Dotemu

76,632 views • 1 year ago