正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Let's build a multiplayer Fall Guys Clone with React Three Fiber & Three.js 🕹️ We'll ship it into the new Discord activity using Playroom 🚀

Wawa Sensei

6,517 subscribers

60,765 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 条评论

Wawa Sensei 的头像

Wawa Sensei2 年前

To learn how to create the game, watch the video tutorial 👇

Kamerr Ezz 的头像

Kamerr Ezz2 年前

@threejs @discord @joinplayroom this is a very good idea, now I have more reasons to learn threejs.

DevMartinese 的头像

DevMartinese2 年前

@threejs @discord @joinplayroom I just added like a second layer of hexagons, but only on the even layers, I don't know if you've added it or plan to add it but I wanted to add a few more things and send a PR 🤔

Sam Elliott 的头像

Sam Elliott2 年前

@threejs @discord @joinplayroom Wowowowow. Always bet on web 👊

Damien Toscano 💻✨ 的头像

Damien Toscano 💻✨2 年前

@threejs @discord @joinplayroom Ça a l'air trop bien 😀

Hardik Gupta 的头像

Hardik Gupta2 年前

@threejs @discord @joinplayroom You have too much power sensei 👏👏👏

Abdelalim Chicha 的头像

Abdelalim Chicha2 年前

@threejs @discord @joinplayroom Impressive

Saïd Aitmbarek 的头像

Saïd Aitmbarek2 年前

@threejs @discord @joinplayroom didn't know one could have such amazing renderings with threejs, would love to your future discord/game clone on too for more Wawa😊

𝑨𝒓𝒕𝒊𝒇𝒊𝒄𝒊𝒂𝒍 𝑮𝒖𝒚 的头像

𝑨𝒓𝒕𝒊𝒇𝒊𝒄𝒊𝒂𝒍 𝑮𝒖𝒚2 年前

@threejs @discord @joinplayroom @Jubileu_t

Mr King 的头像

Mr King2 年前

@threejs @discord @joinplayroom Oh fuck u 💀

相关视频

Happy to introduce the Macintosh Simulator🤓 with a REAL Macintosh OS from 1984😎 I build it with Three.js, React three fiber, and PCE ⚛️ Try it now🥰👉 #javascript #ReactJS #threejs

Happy to introduce the Macintosh Simulator🤓 with a REAL Macintosh OS from 1984😎 I build it with Three.js, React three fiber, and PCE ⚛️ Try it now🥰👉 #javascript #ReactJS #threejs

Mark Shenouda

10,355 次观看 • 3 年前

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning

Three.js Resources

15,990 次观看 • 9 个月前

Excited to release the Vibe Coding Starter Pack for 3D multiplayer web games! 🚀 Built with React, Three.js & 👥 Instant multiplayer functionality 🤖 AI-friendly codebase for Cursor ⚡️ Zero setup required—just clone and code! Get building:

Excited to release the Vibe Coding Starter Pack for 3D multiplayer web games! 🚀 Built with React, Three.js & 👥 Instant multiplayer functionality 🤖 AI-friendly codebase for Cursor ⚡️ Zero setup required—just clone and code! Get building:

Majid Manzarpour

69,367 次观看 • 1 年前

Introducing pmndrs/viverse and react-three/viverse 🎉 A Toolkit for building Three.js and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁

Introducing pmndrs/viverse and react-three/viverse 🎉 A Toolkit for building Three.js and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁

Bela Bohlender

22,638 次观看 • 1 年前

Bored of boring flat heatmaps? Introducing Topographical Explorer that turns any country into a real-time tactile landscape Search any country → watch real elevation data come alive as thousands of satisfying 3D blocks. Built entirely client-side with: - React Three Fiber + Three.js - AWS Terrain Tiles + OpenStreetMap - Real-time boundary Three.js React-three-fiber #DataVisualization #Geospatial #CreativeCoding #BuildInPublic

Bored of boring flat heatmaps? Introducing Topographical Explorer that turns any country into a real-time tactile landscape Search any country → watch real elevation data come alive as thousands of satisfying 3D blocks. Built entirely client-side with: - React Three Fiber + Three.js - AWS Terrain Tiles + OpenStreetMap - Real-time boundary Three.js React-three-fiber #DataVisualization #Geospatial #CreativeCoding #BuildInPublic

shadows

621,879 次观看 • 6 个月前

Testing a 3D logo/case study picker using React Three Fiber

Petr Knoll

47,472 次观看 • 1 年前

Hey Claude Fable 5, build a Ridge Racer clone with Three.js Tripo ElevenLabs Nano Banana 2 Lite using my game director agent skills

Hey Claude Fable 5, build a Ridge Racer clone with Three.js Tripo ElevenLabs Nano Banana 2 Lite using my game director agent skills

Majid Manzarpour

79,505 次观看 • 4 个月前

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

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

New WebGPU Glass Material is almost ready! It will be available for Three.js and Poimandres React Three Fiber. Lots of customization; it comes with a very beautiful and handy control panel. Live link and source code will be available on Monday 😊 #threejsJourney #creativecoding #webgpu

New WebGPU Glass Material is almost ready! It will be available for Three.js and Poimandres React Three Fiber. Lots of customization; it comes with a very beautiful and handy control panel. Live link and source code will be available on Monday 😊 #threejsJourney #creativecoding #webgpu

Anderson Mancini

18,924 次观看 • 3 个月前

Adding a bit of character to the "Veins of the earth" Volcano dataviz project Built w/ React + TypeScript + Three.js + React-three-fiber Data Source: Smithsonian global volcanism program #Volcano #DataViz #ThreeJS #Geospatial #CreativeCoding #GAI #VisualArt

Adding a bit of character to the "Veins of the earth" Volcano dataviz project Built w/ React + TypeScript + Three.js + React-three-fiber Data Source: Smithsonian global volcanism program #Volcano #DataViz #ThreeJS #Geospatial #CreativeCoding #GAI #VisualArt

shadows

30,333 次观看 • 8 个月前

🚀 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

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

Glm-5 ile Minecraft yapmak. Kullanılan Teknolojiler: Oyun Motoru & 3D Grafik Three.js – WebGL tabanlı 3D grafik kütüphanesi React Three Fiber – Three.js için React renderer 🌐 Frontend Framework Next.js 16 – React tabanlı framework React 19 – UI kütüphanesi TypeScript – Tip güvenli JavaScript Z.ai Zixuan Li jietang

Glm-5 ile Minecraft yapmak. Kullanılan Teknolojiler: Oyun Motoru & 3D Grafik Three.js – WebGL tabanlı 3D grafik kütüphanesi React Three Fiber – Three.js için React renderer 🌐 Frontend Framework Next.js 16 – React tabanlı framework React 19 – UI kütüphanesi TypeScript – Tip güvenli JavaScript Z.ai Zixuan Li jietang

Mehmet

10,925 次观看 • 8 个月前

Hey everyone!! New tutorial out!!! Create your own Papercraft web portfolios with three.js, Blender, React/React Three Fiber, and Krita! ✂️✂️✂️✂️📰📰🖋️🖋️🖋️ The video below has two example websites! Code, credits, and other files are here: #threejs #b3d #blender #r3f

Hey everyone!! New tutorial out!!! Create your own Papercraft web portfolios with three.js, Blender, React/React Three Fiber, and Krita! ✂️✂️✂️✂️📰📰🖋️🖋️🖋️ The video below has two example websites! Code, credits, and other files are here: #threejs #b3d #blender #r3f

Andrew Woan

23,461 次观看 • 8 个月前

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI

Luma

230,778 次观看 • 2 年前

Shipping react-three/handle! The one to handle them all! 👌 Build intuitive 3D and XR cross-platform interactions with just one line of code. #R3F Three.js #WebXR

Shipping react-three/handle! The one to handle them all! 👌 Build intuitive 3D and XR cross-platform interactions with just one line of code. #R3F Three.js #WebXR

Bela Bohlender

18,660 次观看 • 1 年前

Having fun with InstantMesh model on Replicate and Poimandres react-three-rapier / Three.js 🪄 #react #r3f #threejs

Having fun with InstantMesh model on Replicate and Poimandres react-three-rapier / Three.js 🪄 #react #r3f #threejs

Baptiste Adrien

110,269 次观看 • 2 年前

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

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

Let’s build interactive Three.js User Interfaces 🫰 Uses react-three/handle, react-three/xr, and react-three/uikit - vanilla versions are available🍦 Works on any device inside and outside #WebXR Compose <uikit> with <handle> to control sizes, positions, rotations (Link in 🧵)

Let’s build interactive Three.js User Interfaces 🫰 Uses react-three/handle, react-three/xr, and react-three/uikit - vanilla versions are available🍦 Works on any device inside and outside #WebXR Compose <uikit> with <handle> to control sizes, positions, rotations (Link in 🧵)

Bela Bohlender

47,422 次观看 • 1 年前