Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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 Aufrufe • vor 2 Jahren •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Wawa Sensei

Wawa Senseivor 2 Jahren

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

Profilbild von Kamerr Ezz

Kamerr Ezzvor 2 Jahren

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

Profilbild von DevMartinese

DevMartinesevor 2 Jahren

@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 🤔

Profilbild von Sam Elliott

Sam Elliottvor 2 Jahren

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

Profilbild von Damien Toscano 💻✨

Damien Toscano 💻✨vor 2 Jahren

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

Profilbild von Hardik Gupta

Hardik Guptavor 2 Jahren

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

Profilbild von Abdelalim Chicha

Abdelalim Chichavor 2 Jahren

@threejs @discord @joinplayroom Impressive

Profilbild von Saïd Aitmbarek

Saïd Aitmbarekvor 2 Jahren

@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😊

Profilbild von 𝑨𝒓𝒕𝒊𝒇𝒊𝒄𝒊𝒂𝒍 𝑮𝒖𝒚

𝑨𝒓𝒕𝒊𝒇𝒊𝒄𝒊𝒂𝒍 𝑮𝒖𝒚vor 2 Jahren

@threejs @discord @joinplayroom @Jubileu_t

Profilbild von Mr King

Mr Kingvor 2 Jahren

@threejs @discord @joinplayroom Oh fuck u 💀

Ähnliche Videos

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 Aufrufe • vor 3 Jahren

🎮 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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 5 Monaten

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

Petr Knoll

47,472 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 2 Monaten

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,300 Aufrufe • vor 8 Monaten

🚀 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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 1 Jahr