Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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's profile picture

0beqz

4,825 subscribers

22,744 Aufrufe • vor 2 Jahren •via X (Twitter)

KunstWissenschaft & TechnologieBildung#threejs#webgl#webdev#3D
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von ☄︎
☄︎vor 2 Jahren

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

Profilbild von 0beqz
0beqzvor 2 Jahren

It's in main.

Profilbild von Bruno Simon
Bruno Simonvor 2 Jahren

Works beautifully on Apple M1 Max 2021 🙌

Profilbild von Simon
Simonvor 2 Jahren

This is phenomenal!

Profilbild von Anderson Mancini
Anderson Mancinivor 2 Jahren

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.

Profilbild von 0beqz
0beqzvor 2 Jahren

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.

Profilbild von Anderson Mancini
Anderson Mancinivor 2 Jahren

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

Profilbild von tino tibaldo
tino tibaldovor 2 Jahren

really cool!

Profilbild von XR# —The 3D UI Framework
XR# —The 3D UI Frameworkvor 2 Jahren

Simply the best 👏

Profilbild von Kofi Owusu-Afriyie
Kofi Owusu-Afriyievor 2 Jahren

this is lit 🔥

Profilbild von 0beqz
0beqzvor 2 Jahren

🙌

Ähnliche 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
0:39

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,599 Aufrufe • vor 3 Jahren

🚀 #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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 1 Jahr

Just merged my floor planner with my configurator 👀 Now it supports: • Full floor editing • Material customization • Lighting controls • Post-processing (Bloom, SSR, SSGI) • Scene outlines • Multi-level floor editing • Plan export #buildinpublic #threejs #r3f
3:56

Just merged my floor planner with my configurator 👀 Now it supports: • Full floor editing • Material customization • Lighting controls • Post-processing (Bloom, SSR, SSGI) • Scene outlines • Multi-level floor editing • Plan export #buildinpublic #threejs #r3f

Sudhir

191,211 Aufrufe • vor 3 Monaten

It was great to work on this one w/ Resn, especially on that "Molten Grid" effect using WebGL and SDF — #webGL #threejs #UI
0:20

It was great to work on this one w/ Resn, especially on that "Molten Grid" effect using WebGL and SDF — #webGL #threejs #UI

Giom

20,229 Aufrufe • vor 1 Jahr

shader effects for 3d gaussian splats are a fun way to add reality bending effects to your 3d scans. made using sparkjs which is an open source 3dgs renderer for threejs.
0:40

shader effects for 3d gaussian splats are a fun way to add reality bending effects to your 3d scans. made using sparkjs which is an open source 3dgs renderer for threejs.

Bilawal Sidhu

45,235 Aufrufe • vor 3 Monaten

If you add Mario Kart 3.js to your homescreen, it behaves like a native App #threejs #webgl #vibecoding
0:45

If you add Mario Kart 3.js to your homescreen, it behaves like a native App #threejs #webgl #vibecoding

Alex

14,342 Aufrufe • vor 1 Jahr

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :
0:20

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :

Kevin Levron

25,227 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 6 Monaten

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling
0:49

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling

Sabo Sugi

10,653 Aufrufe • vor 4 Monaten

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,591 Aufrufe • vor 10 Monaten

Trying to pixelize 3d objects with optional color palettes and dithering using WebGL. Using TweakPane for GUI. WebGLで3D形状をピクセル化する試み。 #webgl #threejs
0:45

Trying to pixelize 3d objects with optional color palettes and dithering using WebGL. Using TweakPane for GUI. WebGLで3D形状をピクセル化する試み。 #webgl #threejs

Junichiro Horikawa

27,374 Aufrufe • vor 1 Jahr

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
0:38

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

52,983 Aufrufe • vor 3 Jahren

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
0:35

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,515 Aufrufe • vor 7 Monaten

✨ Our newest WebGL project is live! We teamed up with @netlify to bring you a unique experience we're very excited to share! Ready to roll? Play it now: #webgl #threejs
0:28

✨ Our newest WebGL project is live! We teamed up with @netlify to bring you a unique experience we're very excited to share! Ready to roll? Play it now: #webgl #threejs

Little Workshop

34,260 Aufrufe • vor 1 Jahr

Now, many of you are wondering: How should we take Lion’s Mane to get all the effects? Here’s how to use it (depending on your goal):
1:51

Now, many of you are wondering: How should we take Lion’s Mane to get all the effects? Here’s how to use it (depending on your goal):

Michael Morelli

49,606 Aufrufe • vor 1 Jahr

Transform your ideas into 3D with ease! 🎨✨ Tripo AI uses AI to help you create 3D models in no time. is this the future of 3d design? 🚀 Check it out: #Threejs #WebGL #AI
1:22

Transform your ideas into 3D with ease! 🎨✨ Tripo AI uses AI to help you create 3D models in no time. is this the future of 3d design? 🚀 Check it out: #Threejs #WebGL #AI

Three.js Resources

58,819 Aufrufe • vor 1 Jahr

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼
0:43

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼

Techartist

15,679 Aufrufe • vor 1 Jahr

We are thrilled to announce that Babylon.js 9.0 has officially been released! We cannot wait to see what you create with it! #Babylon9Release #3D #WebDev #gamedev #indiedev #WebDevelopment #webgl #gamedevelopment #IndieDevs
3:27

We are thrilled to announce that Babylon.js 9.0 has officially been released! We cannot wait to see what you create with it! #Babylon9Release #3D #WebDev #gamedev #indiedev #WebDevelopment #webgl #gamedevelopment #IndieDevs

Babylon.js

29,079 Aufrufe • vor 3 Monaten