Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

R3F v10 has a fresh release in preview! ✧ First-class WebGPU and TSL support ✧ useFrame revamped with a new scheduler ✧ Multi-canvas out of the box ✧ Three essentials moved out of Drei directly into core ▶️ npm install @'react-three/fiber@alpha' We are eagerly deving what the next generation...

pmndrs's profile picture

Poimandres

17,801 subscribers

11,009 görüntüleme • 2 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

6 Yorum

phobon profil fotoğrafı
phobon2 ay önce

@makio64 Going to do a spike off my creative coding tool on this 🫡 see how we go 😊

Poimandres profil fotoğrafı
Poimandres2 ay önce

@makio64 We’ll be sharing out materials afterwards. Be sure to share your work and jump in the Discord if you have any feedback. Cheers!

Anderson Mancini profil fotoğrafı
Anderson Mancini2 ay önce

Can't wait 😍

Joao Melo Rodrigues profil fotoğrafı
Joao Melo Rodrigues2 ay önce

You guys are rocking!

《 ᴘʀɴᴛʜ 》 profil fotoğrafı
《 ᴘʀɴᴛʜ 》2 ay önce

mainline it already!!!

Poimandres profil fotoğrafı
Poimandres2 ay önce

The video is a collage of the examples we use internally to demo new features. Check it out:

Benzer Videolar

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

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f
1:04

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f

mike douges

56,802 görüntüleme • 3 yıl önce

I’ve opened up many of the TSL exercises to everyone! Try out some WebGPU shaders and fiddle with them, all in the browser. Pick an exercise and see if you can match the output. Link: #threejs #webgpu
0:30

I’ve opened up many of the TSL exercises to everyone! Try out some WebGPU shaders and fiddle with them, all in the browser. Pick an exercise and see if you can match the output. Link: #threejs #webgpu

Simon

11,095 görüntüleme • 1 yıl önce

✨ Introducing Triplex — the React Three Fiber editor, now in public alpha! Here's a video fleshing out a scene, sound on! 🔊 🧵👇 Continue into the thread below for more information and what's coming next for Triplex. #threejs #react #webgamedev #r3f #gamedev #3dartwork
1:45

✨ Introducing Triplex — the React Three Fiber editor, now in public alpha! Here's a video fleshing out a scene, sound on! 🔊 🧵👇 Continue into the thread below for more information and what's coming next for Triplex. #threejs #react #webgamedev #r3f #gamedev #3dartwork

mike douges

219,794 görüntüleme • 3 yıl önce

There are a couple of things that need to be untangled for the three-fiber ecosystem to support WebGPU, but we are seeing some positive signals.
0:25

There are a couple of things that need to be untangled for the three-fiber ecosystem to support WebGPU, but we are seeing some positive signals.

William Candillon

24,164 görüntüleme • 2 yıl önce

I was asked by many people last week about how to use the new ThreeJS WebGPU inspector and control panel in React-Three-Fiber. Here is how I personally use it: Code: Demo: #threejs #r3f #creativecoding
0:36

I was asked by many people last week about how to use the new ThreeJS WebGPU inspector and control panel in React-Three-Fiber. Here is how I personally use it: Code: Demo: #threejs #r3f #creativecoding

Faraz

46,703 görüntüleme • 4 ay önce

Mana Blade is my MMORPG built with Three.js, React Three Fiber, and WebGPU. It loads in 2 seconds and is playable on desktop and mobile. Already 2 years in the works! Music by the very talented 磯村ショウノ Shauno Isomura. #threejs #r3f #webgpu
0:25

Mana Blade is my MMORPG built with Three.js, React Three Fiber, and WebGPU. It loads in 2 seconds and is playable on desktop and mobile. Already 2 years in the works! Music by the very talented 磯村ショウノ Shauno Isomura. #threejs #r3f #webgpu

Verekia | ManaBlade.com

14,915 görüntüleme • 9 ay ö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

💬 “Shout out Bukayo Saka if you want a good cross!” Three of our young Gunners visited the @0207defjam offices to learn about life at a record label – and even tried their hand in the studio 🎤
0:34

💬 “Shout out Bukayo Saka if you want a good cross!” Three of our young Gunners visited the @0207defjam offices to learn about life at a record label – and even tried their hand in the studio 🎤

Arsenal

139,761 görüntüleme • 1 yıl önce

Good morning you lovely people! Another fantastic turn out for our walk in Brentwood! Great to see blokes from all walks of life coming out to support one another. Also a massive thank you to our friends at Terrace Cult clothing who love what we are doing with the walks and have sent out a big care package of clothing for us! If you want to join us we do this every Sunday at 8am starting and finishing at The Thatchers Arms. Bosh❤️
2:27

Good morning you lovely people! Another fantastic turn out for our walk in Brentwood! Great to see blokes from all walks of life coming out to support one another. Also a massive thank you to our friends at Terrace Cult clothing who love what we are doing with the walks and have sent out a big care package of clothing for us! If you want to join us we do this every Sunday at 8am starting and finishing at The Thatchers Arms. Bosh❤️

Thomas Skinner ⚒

163,983 görüntüleme • 9 ay önce

NEW FILM TEASER Citadel Scouts - Argentina A journey to find freedom Three friends embark on the adventure of a lifetime to seek out how to best live a free life in this crazy world of ours. Please like, share, and offer feedback! to join our community, support the film, and learn more. Film project is in partnership with ~Enerug~, Paul Keating, and Micael Margiotta. If you have a brand that you think is aligned with the message we are happy to talk about collaborations. Thank you and can't wait to share more!
2:42

NEW FILM TEASER Citadel Scouts - Argentina A journey to find freedom Three friends embark on the adventure of a lifetime to seek out how to best live a free life in this crazy world of ours. Please like, share, and offer feedback! to join our community, support the film, and learn more. Film project is in partnership with ~Enerug~, Paul Keating, and Micael Margiotta. If you have a brand that you think is aligned with the message we are happy to talk about collaborations. Thank you and can't wait to share more!

Jon

25,857 görüntüleme • 1 yıl önce

Check out our latest work. An immersive digital story for IVRESS (Japan). Built with #threejs and #webgpu.
0:21

Check out our latest work. An immersive digital story for IVRESS (Japan). Built with #threejs and #webgpu.

Utsubo

15,589 görüntüleme • 6 ay önce

Today marks the start of a new chapter at Footprint, and we've built a new brand and website to prove it (with so much more to come). From Bonnie and Clyde to the Sony Hack, bad actors have continued to innovate. We're building the first-of-its-kind agentic system to outpace them. We know what's at stake for risk and compliance leaders, and we believe they should be armed with the most sophisticated tools possible to make the world's toughest decisions. Visit to check out our new look and feel, but more importantly, to learn more about what we're setting out to do and why.
0:54

Today marks the start of a new chapter at Footprint, and we've built a new brand and website to prove it (with so much more to come). From Bonnie and Clyde to the Sony Hack, bad actors have continued to innovate. We're building the first-of-its-kind agentic system to outpace them. We know what's at stake for risk and compliance leaders, and we believe they should be armed with the most sophisticated tools possible to make the world's toughest decisions. Visit to check out our new look and feel, but more importantly, to learn more about what we're setting out to do and why.

Eli Wachs 👣

15,624 görüntüleme • 1 ay önce

Level up your VFX skills! We published a breakdown of this React Three Fiber sci-fi shield by Cortiz. Combine shader layers, procedural patterns, and hit detection to create your own! Link below ⬇️ Who do you think should be our next community highlight? #threejs #r3f
0:24

Level up your VFX skills! We published a breakdown of this React Three Fiber sci-fi shield by Cortiz. Combine shader layers, procedural patterns, and hit detection to create your own! Link below ⬇️ Who do you think should be our next community highlight? #threejs #r3f

Poimandres

21,258 görüntüleme • 7 ay önce

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f
1:02

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f

Anderson Mancini

12,581 görüntüleme • 1 yıl önce

We are gearing up for war! ⚔️ Check out our brand-new gameplay trailer for a fresh look at March of Giants. 📅 Join us on October 7 for an exclusive look at the game and what's coming next.
0:30

We are gearing up for war! ⚔️ Check out our brand-new gameplay trailer for a fresh look at March of Giants. 📅 Join us on October 7 for an exclusive look at the game and what's coming next.

March of Giants

95,427 görüntüleme • 1 ay önce

We're hosting our first public playtest next week! The Legend of California Alpha will run on Steam from March 26 - 30. Check out the links below for details and how to sign up. Sign up: Learn more:
0:30

We're hosting our first public playtest next week! The Legend of California Alpha will run on Steam from March 26 - 30. Check out the links below for details and how to sign up. Sign up: Learn more:

The Legend Of California

235,100 görüntüleme • 7 ay önce

Here is a look at the new curtain bangs for our customizable 3D vtuber model! Being the first of it's kind, we want to go all out with the quality and details! 💜✨
0:26

Here is a look at the new curtain bangs for our customizable 3D vtuber model! Being the first of it's kind, we want to go all out with the quality and details! 💜✨

Pastell & Palette🤍 3D Customizable Model!

15,718 görüntüleme • 4 ay önce