Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 3 лет назад •via X (Twitter)

ОбразованиеИскусствоНаука и технологии#threejs#react#r3f
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 10

Фото профиля Michael Dougall
Michael Dougall3 лет назад

How it started

Фото профиля Michael Dougall
Michael Dougall3 лет назад

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

Фото профиля Michael Dougall
Michael Dougall3 лет назад

v0.47 fresh

Фото профиля tamrat
tamrat3 лет назад

@itsdouges sir this amazing! is it out yet?

Фото профиля Michael Dougall
Michael Dougall3 лет назад

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

Фото профиля Anderson Mancini
Anderson Mancini3 лет назад

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

Фото профиля Michael Dougall
Michael Dougall3 лет назад

@bruno_simon Cheers! Come hang out in the discord server

Фото профиля Gosha
Gosha3 лет назад

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

Фото профиля Michael Dougall
Michael Dougall3 лет назад

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

Фото профиля steve
steve3 лет назад

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

Похожие видео

✨ 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 лет назад

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 просмотров • 2 лет назад

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 просмотров • 20 дней назад

🎮 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 просмотров • 5 месяцев назад

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 просмотров • 4 месяцев назад

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 просмотров • 5 месяцев назад

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 просмотров • 2 лет назад

🚀 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,332 просмотров • 1 месяц назад

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 просмотров • 3 месяцев назад

🥪 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 просмотров • 2 лет назад

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 просмотров • 11 месяцев назад

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 просмотров • 10 месяцев назад

⚡️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 просмотров • 3 лет назад

🔊 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 просмотров • 4 месяцев назад

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 просмотров • 5 месяцев назад

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 просмотров • 4 месяцев назад

🤔 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 просмотров • 1 год назад

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 просмотров • 4 месяцев назад

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 просмотров • 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
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 просмотров • 1 год назад