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.

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

2,111 subscribers

25,620 views • 1 year ago •via X (Twitter)

#threejs #webgpu #webgl

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

My old #Threejs #Zelda project now runs on #WebGPU thanks to #TSL !⛵️🙌 Give it a try! 👉 (Safari will fallback to the old project)

My old #Threejs #Zelda project now runs on #WebGPU thanks to #TSL !⛵️🙌 Give it a try! 👉 (Safari will fallback to the old project)

Robin Payot

326,147 views • 5 months ago

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 views • 9 months ago

First test with #webgpu #threejs #tsl : InstancedMesh, node material, compute shaders and psrdnoise. Demo : Source :

First test with #webgpu #threejs #tsl : InstancedMesh, node material, compute shaders and psrdnoise. Demo : Source :

Kevin Levron

19,378 views • 1 year ago

Softbodies by holtsetio Realtime Tetrahedral FEM Models in the Browser, using WebGPU and written in TSL. Based on the WebGL implementation in TetSim by Johnathon Selstad, upgraded to enable collisions.

Softbodies by holtsetio Realtime Tetrahedral FEM Models in the Browser, using WebGPU and written in TSL. Based on the WebGL implementation in TetSim by Johnathon Selstad, upgraded to enable collisions.

Three.js

25,516 views • 1 year ago

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

18,629 views • 9 months ago

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

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

VFX-JS supports HTML-in-Canvas now. You can turn HTML element into a WebGL texture. It automatically detects the browser and fallback to the old SVG foreignObject workaround. So it works on Chrome, Firefox, and Safari, of course! #WebGL #VFXJS #Codepen

VFX-JS supports HTML-in-Canvas now. You can turn HTML element into a WebGL texture. It automatically detects the browser and fallback to the old SVG foreignObject workaround. So it works on Chrome, Firefox, and Safari, of course! #WebGL #VFXJS #Codepen

𝘼𝙈𝘼𝙂𝙄

52,470 views • 4 months ago

Wanted to remake and old experience dating from 2020, so here's another test with #webgpu #threejs #tsl : simple (and naive 😅) physics engine. Demo : Source :

Wanted to remake and old experience dating from 2020, so here's another test with #webgpu #threejs #tsl : simple (and naive 😅) physics engine. Demo : Source :

Kevin Levron

24,329 views • 1 year ago

Sneak peek at our latest test for the upcoming PixiJS 3D engine 👀 WebGPU first with WebGL fallback Optimized for performance from day one Really excited to get this into your hands... More to come soon! Models by Quaternius and Kenney 🙏

Sneak peek at our latest test for the upcoming PixiJS 3D engine 👀 WebGPU first with WebGL fallback Optimized for performance from day one Really excited to get this into your hands... More to come soon! Models by Quaternius and Kenney 🙏

PixiJS

12,285 views • 2 months ago

I just turned 37 today and started this journey when I was 30. After years of building the engine with 💕 and optimizing it, this is the final gameplay running on #webgl with #threejs After converting Jamir from WebGL to WebGPU, I hope to release the X3JS, built on top of Jamir's game engine, in 2025, initially for creating FPP and TPP games, and make it available for everyone. New version will be upcoming in a few days, btw! 🥳 #gamedev #gamedevelopment

I just turned 37 today and started this journey when I was 30. After years of building the engine with 💕 and optimizing it, this is the final gameplay running on #webgl with #threejs After converting Jamir from WebGL to WebGPU, I hope to release the X3JS, built on top of Jamir's game engine, in 2025, initially for creating FPP and TPP games, and make it available for everyone. New version will be upcoming in a few days, btw! 🥳 #gamedev #gamedevelopment

mert

31,641 views • 1 year ago

Akari - Our 2D light tracing experiment just goes live!! It comes with a few mini light demos for you to explore!! Light must go on!! ✨🌈 ↳ #threejs #webgl

Akari - Our 2D light tracing experiment just goes live!! It comes with a few mini light demos for you to explore!! Light must go on!! ✨🌈 ↳ #threejs #webgl

Lusion™

90,645 views • 2 years ago

Excited to announce that Three.js Water Pro 🌊 is now available for purchase! Can't wait to see what people build with this. Welcome to the era of WebGPU! 🚀 #threejs #webgpu #webgl #shaders

Excited to announce that Three.js Water Pro 🌊 is now available for purchase! Can't wait to see what people build with this. Welcome to the era of WebGPU! 🚀 #threejs #webgpu #webgl #shaders

Dan Greenheck

37,142 views • 7 months ago

Today's addition to the #threejsJourney's wall of fame: Henry Heffernan’s Portfolio 👉 Wait, you can play doom on it?? And to think you knew nothing about WebGL a few months before. Great job! Henry Heffernan 👉 #threejs #webGL

Today's addition to the #threejsJourney's wall of fame: Henry Heffernan’s Portfolio 👉 Wait, you can play doom on it?? And to think you knew nothing about WebGL a few months before. Great job! Henry Heffernan 👉 #threejs #webGL

Bruno Simon

55,582 views • 3 years ago

Yong Su ported Evan Wallace's classic WebGL water demo to WebGPU. Try it right in your browser:

Yong Su ported Evan Wallace's classic WebGL water demo to WebGPU. Try it right in your browser:

80 LEVEL

35,418 views • 7 months ago

Yong Su ported Evan Wallace's classic WebGL water demo to WebGPU. Try it right in your browser!

Yong Su ported Evan Wallace's classic WebGL water demo to WebGPU. Try it right in your browser!

80 LEVEL

428,389 views • 7 months ago

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

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

This Deliver Mail on Tiny Colorful Planet build with Three.js WebGL is a website from . it is so cool, it blows my mind how beautiful and smooth it is.🙌🏻 It’s really well executed, and I highly recommend visiting the website and experiencing it yourself. If there was a “Showcase of the Day,” this would definitely be it. 🔥 #threejs #3D #webdesign #webgl #webgpu

This Deliver Mail on Tiny Colorful Planet build with Three.js WebGL is a website from . it is so cool, it blows my mind how beautiful and smooth it is.🙌🏻 It’s really well executed, and I highly recommend visiting the website and experiencing it yourself. If there was a “Showcase of the Day,” this would definitely be it. 🔥 #threejs #3D #webdesign #webgl #webgpu

Three.js Resources

11,249 views • 11 months ago

💧 Technical Showcase: A piece of WebGL history, rebuilt for WebGPU. Evan Wallace's 2011 water demo helped convince Dylan Field (Dylan Field) that Figma could exist. Yong Su (jeantimex) ported it to WebGPU with full caustics, raytraced reflections, and the GitHub repo to study. 🔗 #WebGPU #WebGL #GraphicsProgramming #Shaders #Figma

💧 Technical Showcase: A piece of WebGL history, rebuilt for WebGPU. Evan Wallace's 2011 water demo helped convince Dylan Field (Dylan Field) that Figma could exist. Yong Su (jeantimex) ported it to WebGPU with full caustics, raytraced reflections, and the GitHub repo to study. 🔗 #WebGPU #WebGL #GraphicsProgramming #Shaders #Figma

WebGL / WebGPU

18,778 views • 7 months ago