Loading video...

Video Failed to Load

Go Home

I keep trying to work on this and then getting distracted staring at it while waving my hand around. 1 million particles, 120fps, Three.js and webGPU/TSL

codetaur's profile picture

Codetaur

8,098 subscribers

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

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

ascii fluid. in threejs / tsl / webgpu
0:48

ascii fluid. in threejs / tsl / webgpu

Codetaur

58,950 views • 4 months ago

finally got around to combining my threejs / webgpu fluid shader, ascii shader, and crt shader
0:32

finally got around to combining my threejs / webgpu fluid shader, ascii shader, and crt shader

Codetaur

27,882 views • 1 month ago

youve been at my place for ten minutes trying to study while i write, but youve hardly glanced at your textbook. its impossible to read like this. i cant stop playing with my shoes and wiggling my sweaty, pink soles around while i work, and you cant quit staring.
2:15

Sensitive content

youve been at my place for ten minutes trying to study while i write, but youve hardly glanced at your textbook. its impossible to read like this. i cant stop playing with my shoes and wiggling my sweaty, pink soles around while i work, and you cant quit staring.

queerfootfella

25,738 views • 2 years ago

started building a webgpu site for displaying longer writing with shaders but ended up getting distracted by code highlighting
0:25

started building a webgpu site for displaying longer writing with shaders but ended up getting distracted by code highlighting

Codetaur

37,011 views • 3 months ago

bro I AM SENDING IT BACC TO U AND YOU'RE NOT FIXING IT 💀😭 stop getting distracted at work✊😤
0:39

Sensitive content

bro I AM SENDING IT BACC TO U AND YOU'RE NOT FIXING IT 💀😭 stop getting distracted at work✊😤

Juice🔞 || Eiden protector

59,473 views • 1 year ago

Sol from OpenAI one-shotted a multi-tentacled creature morphology and RL training harness, launched and monitored the run on vast.ai on an H200 and created a Three.js + WebGL / WebGPU browser environment for the harvested policy to crawl around in. I woke up and this guy was running on my computer
0:34

Sol from OpenAI one-shotted a multi-tentacled creature morphology and RL training harness, launched and monitored the run on vast.ai on an H200 and created a Three.js + WebGL / WebGPU browser environment for the harvested policy to crawl around in. I woke up and this guy was running on my computer

Aaron Lemke

27,453 views • 1 month ago

Keep trying to get my friends on a game I like and it just feels like this
0:21

Keep trying to get my friends on a game I like and it just feels like this

Malamia09

1,056,615 views • 3 months ago

my number 1 agent tip is "make the agent prove it understands things". everything boils down to that. the UVs on this book are the best example I have. if you don't do this and then ask the model to do something like "put some text on the front cover" it's going to go wrong
0:34

my number 1 agent tip is "make the agent prove it understands things". everything boils down to that. the UVs on this book are the best example I have. if you don't do this and then ask the model to do something like "put some text on the front cover" it's going to go wrong

Codetaur

30,833 views • 2 months ago

working on adding decent bitmap font support to my crt shader in threejs / webgpu
0:23

working on adding decent bitmap font support to my crt shader in threejs / webgpu

Codetaur

53,846 views • 5 months ago

trying to focus on illit's vocals but i keep getting distracted by moka's skirt making it look like she got the opposite of a bbl 😭
0:56

trying to focus on illit's vocals but i keep getting distracted by moka's skirt making it look like she got the opposite of a bbl 😭

sevie

622,270 views • 9 months ago

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f
0:43

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

Anderson Mancini

23,606 views • 2 months ago

while on their way to the airport, everyone was asleep and yoojun was getting sleepy too, but then he got distracted by yeonjun’s hair and ended up playing with it instead 🥹😭
0:21

while on their way to the airport, everyone was asleep and yoojun was getting sleepy too, but then he got distracted by yeonjun’s hair and ended up playing with it instead 🥹😭

‎ . ݁⋆ lishie 🍦 ݁˖ . ݁

265,054 views • 2 months ago

using ERA5 50 hPa data to drive particles around a globe in a threejs compute shader
0:22

using ERA5 50 hPa data to drive particles around a globe in a threejs compute shader

Codetard

82,084 views • 10 months ago

Jin explained why he stopped touching ARMY’s hands during his concerts! 🐹: “I used to go around during performances and touch fans’ hands like this. But there were fans who just touched my hand, and others who tried to grab it like this.” 🐹: “As I was grabbing hands like this, fans had their hands out, right? So I’d go around and touch them like this. But when someone grabbed my hand here, and it happened like this, it got a bit dangerous. My hand would get pulled like this, and the fans would end up like this too.” 🐹: “So from then on, I wanted to touch hands, but I got scared and couldn’t do it anymore.” 🐹: “Last time I said, “Please don’t grab my hand just touch it,” but that didn’t really work. So after that, I was scared and couldn’t really do hand-touching anymore.” 🐹: “I just thought that if something were to happen because of me, I’d feel so bad. Even though the fans sincerely wish for hand touches, I was truly, truly sorry.” #RUNSEOKJIN_epTOUR #RUNSEOKJIN_epTOUR_LONDON
1:35

Jin explained why he stopped touching ARMY’s hands during his concerts! 🐹: “I used to go around during performances and touch fans’ hands like this. But there were fans who just touched my hand, and others who tried to grab it like this.” 🐹: “As I was grabbing hands like this, fans had their hands out, right? So I’d go around and touch them like this. But when someone grabbed my hand here, and it happened like this, it got a bit dangerous. My hand would get pulled like this, and the fans would end up like this too.” 🐹: “So from then on, I wanted to touch hands, but I got scared and couldn’t do it anymore.” 🐹: “Last time I said, “Please don’t grab my hand just touch it,” but that didn’t really work. So after that, I was scared and couldn’t really do hand-touching anymore.” 🐹: “I just thought that if something were to happen because of me, I’d feel so bad. Even though the fans sincerely wish for hand touches, I was truly, truly sorry.” #RUNSEOKJIN_epTOUR #RUNSEOKJIN_epTOUR_LONDON

All for Jin

72,122 views • 1 year ago

Live Link: Source Code: While updating my website, I found an old project that was broken and decided to bring it back to life using WebGPU + TSL in #threejs. I’ve always loved Predator. The first time I saw the Predator cloak effect, I knew I wanted to learn visual effects and make them part of my professional life. Turn the sound on — it makes the experience much more fun 😅 This is also a great exercise if you’re learning TSL and want to experiment with glass, dispersion, IOR, and custom shaders. Both the classic shader version and the new TSL version are included in the repo so you can compare the approaches side by side. Hope it’s useful. Don’t forget to ⭐ the GitHub repo! #r3f #threejsJourney
2:07

Live Link: Source Code: While updating my website, I found an old project that was broken and decided to bring it back to life using WebGPU + TSL in #threejs. I’ve always loved Predator. The first time I saw the Predator cloak effect, I knew I wanted to learn visual effects and make them part of my professional life. Turn the sound on — it makes the experience much more fun 😅 This is also a great exercise if you’re learning TSL and want to experiment with glass, dispersion, IOR, and custom shaders. Both the classic shader version and the new TSL version are included in the repo so you can compare the approaches side by side. Hope it’s useful. Don’t forget to ⭐ the GitHub repo! #r3f #threejsJourney

Anderson Mancini

13,340 views • 12 days ago

“I kept refreshing TSLA and couldn’t focus on my work… Now MaxClaw checks it every 15 minutes and alerts me if it moves. I stopped staring at charts.” Expert used: Multi-Agent Trading
0:31

“I kept refreshing TSLA and couldn’t focus on my work… Now MaxClaw checks it every 15 minutes and alerts me if it moves. I stopped staring at charts.” Expert used: Multi-Agent Trading

MiniMax_Agent

59,766 views • 5 months ago

Im decoupling rendering part of this project because WebGPU is so fresh and needs lots of work before it starts to look like I want. Good PBR rendering is super critical for app like this, game hairstyles should be authored in proper light environment. Trying to combine stylized anisotropic reflections with IBL lighting, fed fable 5 some research papers so it can cook better three.js
0:32

Im decoupling rendering part of this project because WebGPU is so fresh and needs lots of work before it starts to look like I want. Good PBR rendering is super critical for app like this, game hairstyles should be authored in proper light environment. Trying to combine stylized anisotropic reflections with IBL lighting, fed fable 5 some research papers so it can cook better three.js

Vadim B

10,973 views • 1 month ago

If you drove by on US-1 today and saw a guy frantically waving his arms… don’t worry, I wasn’t losing it. 😂 I was just trying to surprise my wife, and her reaction was absolutely priceless! 🚗😱
1:29

If you drove by on US-1 today and saw a guy frantically waving his arms… don’t worry, I wasn’t losing it. 😂 I was just trying to surprise my wife, and her reaction was absolutely priceless! 🚗😱

Wozi 2.0

746,315 views • 29 days 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.
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,822 views • 1 year ago