正在加载视频...

视频加载失败

返回首页

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

Verekia | ManaBlade.com

8,232 subscribers

14,710 次观看 • 5 个月前 •via X (Twitter)

#threejs#r3f#webgpu
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

🚀 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,263 次观看 • 1 个月前

My Steam page is finally live, and the official title is locked in! ついにSteamオープン！そしてタイトルも決定です！ ------------------------ 『BRAYZ』 ------------------------ Steam - 【 Wishlist Now!! 】 Music by Shauno Isomura : 磯村ショウノ Shauno Isomura #BRAYZ
1:00

My Steam page is finally live, and the official title is locked in! ついにSteamオープン！そしてタイトルも決定です！ ------------------------ 『BRAYZ』 ------------------------ Steam - 【 Wishlist Now!! 】 Music by Shauno Isomura : 磯村ショウノ Shauno Isomura #BRAYZ

Tali ｜ 『BRAYZ』開発中

53,322 次观看 • 20 天前

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

44,895 次观看 • 16 天前

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 次观看 • 1 年前

Realtime Particle test using Transformers.js by Xenova and its upcoming WebGPU backend with the Xenova/modnet model for body segmentation. Rendered with WebGPU in Three.js. It’s so clean it makes me want to do a shadertoy visualizer in the background now 😄 #threejs
0:24

Realtime Particle test using Transformers.js by Xenova and its upcoming WebGPU backend with the Xenova/modnet model for body segmentation. Rendered with WebGPU in Three.js. It’s so clean it makes me want to do a shadertoy visualizer in the background now 😄 #threejs

Renaud

13,713 次观看 • 2 年前

I don't think people realize how versatile WebGPU is! 🤯 In this demo, *both* the semantic search model and Earth shaders are running on WebGPU (via Transformers.js and Three.js, respectively). Pretty insane.
0:30

I don't think people realize how versatile WebGPU is! 🤯 In this demo, *both* the semantic search model and Earth shaders are running on WebGPU (via Transformers.js and Three.js, respectively). Pretty insane.

Xenova

18,317 次观看 • 3 个月前

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,472 次观看 • 1 年前

Update on my GemGPU™ product using #threejs WebGPU and #R3F. Now we have physically accurate diamond refraction, chromatic aberration, absorption, and inclusions. For diamond nerds, it comes with a custom configuration panel with over 50 parameters. Live link coming soon 😍. Official product launch later this year. Signup for the wishlist at #creativecode #webgpu #jewelry
3:58

Update on my GemGPU™ product using #threejs WebGPU and #R3F. Now we have physically accurate diamond refraction, chromatic aberration, absorption, and inclusions. For diamond nerds, it comes with a custom configuration panel with over 50 parameters. Live link coming soon 😍. Official product launch later this year. Signup for the wishlist at #creativecode #webgpu #jewelry

Anderson Mancini

32,642 次观看 • 5 个月前

The Live Globe is back on Sphere 100% live data, rendered in real-time, built with threejs, React, and a lot of shaders 3…2…1…
1:01

The Live Globe is back on Sphere 100% live data, rendered in real-time, built with threejs, React, and a lot of shaders 3…2…1…

tobi lutke

72,775 次观看 • 7 个月前

Remember this incredible video from André Cardoso on how to add game feels to your game project ? I always thought it was funny to play as a capsule which is what the player of your game most commonly is. So i'm making a Roguelike coop game with WebGPU and threejs #threejs #r3f
0:32

Remember this incredible video from André Cardoso on how to add game feels to your game project ? I always thought it was funny to play as a capsule which is what the player of your game most commonly is. So i'm making a Roguelike coop game with WebGPU and threejs #threejs #r3f

Alex

27,028 次观看 • 5 个月前

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
2:08

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 次观看 • 9 个月前

✨ 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,535 次观看 • 3 年前

So i vibe coded a threejs webgpu splat renderer from scratch in an evening with gpt 5.4 Introducing Spark++ Give it a week or two, performance is slightly worse on fast camera movements but 60 fps on my toaster in less dense areas. Had to reduce overall density for screen recording, but it works on webgpu! And I have absolutely no clue how Splats work, zero Demo: Repo:
0:26

So i vibe coded a threejs webgpu splat renderer from scratch in an evening with gpt 5.4 Introducing Spark++ Give it a week or two, performance is slightly worse on fast camera movements but 60 fps on my toaster in less dense areas. Had to reduce overall density for screen recording, but it works on webgpu! And I have absolutely no clue how Splats work, zero Demo: Repo:

robot

32,580 次观看 • 4 个月前

Inspired by Andrej Karpathy's practice of tinkering with smaller GPTs to gain intuition, I've been training small neural nets to play this simple 2d game I created. On the left is a visualization of the neural net firing in real time. Built with Claude, Three.js, and WebGPU and using JAX from Google DeepMind. I’m piping the neuron activation into Ableton as MIDI to trigger Serum 2.
0:21

Inspired by Andrej Karpathy's practice of tinkering with smaller GPTs to gain intuition, I've been training small neural nets to play this simple 2d game I created. On the left is a visualization of the neural net firing in real time. Built with Claude, Three.js, and WebGPU and using JAX from Google DeepMind. I’m piping the neuron activation into Ableton as MIDI to trigger Serum 2.

Aaron Lemke

22,307 次观看 • 2 个月前

Introducing TTS WebGPU: The first ever text-to-speech web app built with WebGPU acceleration! 🔥 High-quality and natural speech generation that runs 100% locally in your browser, powered by OuteTTS and Transformers.js.🤗 Try it out yourself! Demo + source code below 👇
0:32

Introducing TTS WebGPU: The first ever text-to-speech web app built with WebGPU acceleration! 🔥 High-quality and natural speech generation that runs 100% locally in your browser, powered by OuteTTS and Transformers.js.🤗 Try it out yourself! Demo + source code below 👇

Xenova

19,666 次观看 • 1 年前

Collectors asked for it. We built it. The Comic Carousel is here. Explore every cover in stunning detail, on mobile and desktop today.
0:39

Collectors asked for it. We built it. The Comic Carousel is here. Explore every cover in stunning detail, on mobile and desktop today.

VeVe | Digital Collectibles

10,120 次观看 • 10 个月前

Using Fable 5 to add fur and a new voice to my RL creature. The voice is based on the neural network activation (pictured top left). Made with Three.js WebGL / WebGPU Runpod trained with JAX and MuJoCo from Google DeepMind
0:22

Using Fable 5 to add fur and a new voice to my RL creature. The voice is based on the neural network activation (pictured top left). Made with Three.js WebGL / WebGPU Runpod trained with JAX and MuJoCo from Google DeepMind

Aaron Lemke

185,273 次观看 • 13 天前

It’s written in the stars: I’m ready to have my heart healed by Hayato Isomura and Ok Taec-yeon 🥹 Soul Mate is now playing! #SoulMate #HayatoIsomura #磯村勇斗 #OkTaecyeon #옥택연
0:28

It’s written in the stars: I’m ready to have my heart healed by Hayato Isomura and Ok Taec-yeon 🥹 Soul Mate is now playing! #SoulMate #HayatoIsomura #磯村勇斗 #OkTaecyeon #옥택연

Netflix Philippines

11,990 次观看 • 2 个月前

This entire world was built in realtime and collaboratively by people who simply prompted what they wanted in the chat and a few seconds later it appeared like magic 🪄 It runs on mobile, tablet, desktop and VR by literally clicking a link and loads instantly. Soon, you'll be able to voice prompt AI in VR and grab and move things around 😈 The holodeck isn't coming, it's already here ⚡️
1:21

This entire world was built in realtime and collaboratively by people who simply prompted what they wanted in the chat and a few seconds later it appeared like magic 🪄 It runs on mobile, tablet, desktop and VR by literally clicking a link and loads instantly. Soon, you'll be able to voice prompt AI in VR and grab and move things around 😈 The holodeck isn't coming, it's already here ⚡️

Hyperfy

21,713 次观看 • 10 个月前

Draft render from last week, built with Three.js Shading Language and WebGPU, using hash noise and afterimage passes in Post Process. It's not making the final cut (too noisy for interactive use), but I liked the Ghibli-esque vibe enough to share it here.
0:25

Draft render from last week, built with Three.js Shading Language and WebGPU, using hash noise and afterimage passes in Post Process. It's not making the final cut (too noisy for interactive use), but I liked the Ghibli-esque vibe enough to share it here.

Renaud

23,815 次观看 • 1 年前