Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

douges's profile picture

mike douges

2,740 subscribers

56,786 Aufrufe • vor 3 Jahren •via X (Twitter)

BildungKunstWissenschaft & Technologie#threejs#react#r3f
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Michael Dougall
Michael Dougallvor 3 Jahren

How it started

Profilbild von Michael Dougall
Michael Dougallvor 3 Jahren

It just hits different when it's open in a native window

Profilbild von Michael Dougall
Michael Dougallvor 3 Jahren

v0.47 fresh

Profilbild von tamrat
tamratvor 3 Jahren

@itsdouges sir this amazing! is it out yet?

Profilbild von Michael Dougall
Michael Dougallvor 3 Jahren

It’s on npm but haven’t done a full release push yet. Working on docs.

Profilbild von Anderson Mancini
Anderson Mancinivor 3 Jahren

@itsdouges @bruno_simon Absolutely amazing 🤩. Can't wait to try it 👏🏻

Profilbild von Michael Dougall
Michael Dougallvor 3 Jahren

@bruno_simon Cheers! Come hang out in the discord server

Profilbild von Gosha
Goshavor 3 Jahren

@itsdouges And then you can export the src code?? That's next level

Profilbild von Michael Dougall
Michael Dougallvor 3 Jahren

No, it is the source code. There's no exporting.

Profilbild von steve
stevevor 3 Jahren

@itsdouges That cake looks delicious. Nice work. 🔥💯🚀

Ähnliche Videos

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

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

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 Aufrufe • vor 19 Tagen

🎮 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,838 Aufrufe • vor 5 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
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,070 Aufrufe • vor 4 Monaten

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

I've been cooking Triplex for VS Code and it's looking AMAZING, video attached. What's Triplex? It's the React Three Fiber visual editor, and when integrated into your favorite IDE it's never been easier to get started. Want to get your hands on it? See the next tweet! 👇
1:33

I've been cooking Triplex for VS Code and it's looking AMAZING, video attached. What's Triplex? It's the React Three Fiber visual editor, and when integrated into your favorite IDE it's never been easier to get started. Want to get your hands on it? See the next tweet! 👇

mike douges

69,044 Aufrufe • vor 2 Jahren

🚀 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,294 Aufrufe • vor 1 Monat

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

20,631 Aufrufe • vor 3 Monaten

🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber! 🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free! Be the first to redeem it 👉
0:29

🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber! 🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free! Be the first to redeem it 👉

Wawa Sensei

39,633 Aufrufe • vor 2 Jahren

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,579 Aufrufe • vor 11 Monaten

Introducing react-three/timeline → Write composable declarative 3D behaviors like a story The following video is 100% made with #r3f and Three.js. Don't believe me? Try the demo below!
0:30

Introducing react-three/timeline → Write composable declarative 3D behaviors like a story The following video is 100% made with #r3f and Three.js. Don't believe me? Try the demo below!

Bela Bohlender

68,192 Aufrufe • vor 10 Monaten

⚡️My first #Threejs course with React Three Fiber will be available soon 😬. Using the scene that ☄︎ and I created together, the shorter version will be FREE on YouTube. 💸The complete will have 2h30 of content on Udemy, from design, through blender and coding. Stay tuned 🫶🏻
0:48

⚡️My first #Threejs course with React Three Fiber will be available soon 😬. Using the scene that ☄︎ and I created together, the shorter version will be FREE on YouTube. 💸The complete will have 2h30 of content on Udemy, from design, through blender and coding. Stay tuned 🫶🏻

Anderson Mancini

63,187 Aufrufe • vor 3 Jahren

🔊 SOUND ON! Rangers fans react to Chermiti's second goal 🎉
0:22

🔊 SOUND ON! Rangers fans react to Chermiti's second goal 🎉

The Rangers Review

31,066 Aufrufe • vor 4 Monaten

Broke from flat maps, Introducing Seismic 3D: Built a "Glass Planet" volumetric viz showing earthquakes DEEP in Earth's crust (10x depth scale for subduction zones)! Tech: React + Three.js via React-three-fiber + USGS Earthquakes API feed. Instanced Mesh for 60FPS on 8K+ events! Like/RT : Tag a friend who geeks out on this & share your thoughts below! #ThreeJS #CreativeCoding #DataViz #earthquake #USGS #ESRI
0:30

Broke from flat maps, Introducing Seismic 3D: Built a "Glass Planet" volumetric viz showing earthquakes DEEP in Earth's crust (10x depth scale for subduction zones)! Tech: React + Three.js via React-three-fiber + USGS Earthquakes API feed. Instanced Mesh for 60FPS on 8K+ events! Like/RT : Tag a friend who geeks out on this & share your thoughts below! #ThreeJS #CreativeCoding #DataViz #earthquake #USGS #ESRI

SHAHNAB AHMED

39,933 Aufrufe • vor 4 Monaten

Beneath our feet, the Earth pulses with fiery veins- Magma rivers carving the planet's secrets. 3D interactive globe of global volcanoes like "Veins of the Earth"! Built w/ React + TypeScript + Three.js + React-three-fiber Data Source: Smithsonian global volcanism program Note- The volcano lines are not actual paths just a creative rendition Like/RT if you it's interesting.. #Volcano #DataViz #ThreeJS #Geospatial #CreativeCoding #GAI #VisualArt #climate
0:27

Beneath our feet, the Earth pulses with fiery veins- Magma rivers carving the planet's secrets. 3D interactive globe of global volcanoes like "Veins of the Earth"! Built w/ React + TypeScript + Three.js + React-three-fiber Data Source: Smithsonian global volcanism program Note- The volcano lines are not actual paths just a creative rendition Like/RT if you it's interesting.. #Volcano #DataViz #ThreeJS #Geospatial #CreativeCoding #GAI #VisualArt #climate

SHAHNAB AHMED

32,990 Aufrufe • vor 4 Monaten

🤔 I’ve always wondered what it feels like to walk on a Möbius ring. (also tested on a torus knot) #threejs #threejsJourney #webdev #opensource #gamedev #r3f #ecctrl
0:38

🤔 I’ve always wondered what it feels like to walk on a Möbius ring. (also tested on a torus knot) #threejs #threejsJourney #webdev #opensource #gamedev #r3f #ecctrl

Andrew Chen

12,690 Aufrufe • vor 1 Jahr

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).
0:26

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Dev Ed

77,206 Aufrufe • vor 4 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
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,503 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
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,632 Aufrufe • vor 1 Jahr