Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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,049 subscribers

25,523 görüntüleme • 1 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

ascii fluid. in threejs / tsl / webgpu

Codetaur

59,375 görüntüleme • 6 ay önce

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

29,792 görüntüleme • 3 ay önce

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

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

I built a little sandboard in Three.js and webgpu to play with, and yes, on mobile multitouch is supported still a first draft, but i really like the feel of it You can play at: Source:
1:26

I built a little sandboard in Three.js and webgpu to play with, and yes, on mobile multitouch is supported still a first draft, but i really like the feel of it You can play at: Source:

Scott

29,905 görüntüleme • 12 gün önce

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

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

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

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

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

🚀 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

24,267 görüntüleme • 3 ay önce

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

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

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

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

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

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

785,616 görüntüleme • 2 ay önce

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