Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 🚀

wawasensei's profile picture

Wawa Sensei

6,517 subscribers

60,765 görüntüleme • 2 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Wawa Sensei profil fotoğrafı
Wawa Sensei2 yıl önce

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

Kamerr Ezz profil fotoğrafı
Kamerr Ezz2 yıl önce

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

DevMartinese profil fotoğrafı
DevMartinese2 yıl önce

@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 profil fotoğrafı
Sam Elliott2 yıl önce

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

Damien Toscano 💻✨ profil fotoğrafı
Damien Toscano 💻✨2 yıl önce

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

Hardik Gupta profil fotoğrafı
Hardik Gupta2 yıl önce

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

Abdelalim Chicha profil fotoğrafı
Abdelalim Chicha2 yıl önce

@threejs @discord @joinplayroom Impressive

Saïd Aitmbarek profil fotoğrafı
Saïd Aitmbarek2 yıl önce

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

𝑨𝒓𝒕𝒊𝒇𝒊𝒄𝒊𝒂𝒍 𝑮𝒖𝒚 profil fotoğrafı
𝑨𝒓𝒕𝒊𝒇𝒊𝒄𝒊𝒂𝒍 𝑮𝒖𝒚2 yıl önce

@threejs @discord @joinplayroom @Jubileu_t

Mr King profil fotoğrafı
Mr King2 yıl önce

@threejs @discord @joinplayroom Oh fuck u 💀

Benzer Videolar

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
0:28

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

🎮 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
1:05

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

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:
0:52

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

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 ⟁
1:09

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

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
0:24

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

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

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

Petr Knoll

47,472 görüntüleme • 1 yıl önce

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

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

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
0:55

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

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
0:47

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

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
1:18

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

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
0:36

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

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
0:28

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

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
1:02

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

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

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

Baptiste Adrien

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

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 🧵)
0:37

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