正在加载视频...

视频加载失败

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

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

2,072 subscribers

22,616 次观看 • 1 年前 •via X (Twitter)

科学技术游戏教育

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

🤯 Just build Fortnite in React ... With the new releases of r3/timeline and r3/viverse, building a character controller with Three.js is now easier then ever. Checkout the link below for a full tutorial on to build the demo in the video.

🤯 Just build Fortnite in React ... With the new releases of r3/timeline and r3/viverse, building a character controller with Three.js is now easier then ever. Checkout the link below for a full tutorial on to build the demo in the video.

Bela Bohlender

103,860 次观看 • 10 个月前

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

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

620,223 次观看 • 4 个月前

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Callstack Engineers

18,242 次观看 • 5 个月前

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

Excited to launch react-three/xr🤳🥽 Leverage the latest WebXR features, reuse your existing interactions, and advance what is possible in AR and VR on the Web. ↳ Turn your existing R3F app into an AR or VR experience with only a few lines of code. 🎉

Excited to launch react-three/xr🤳🥽 Leverage the latest WebXR features, reuse your existing interactions, and advance what is possible in AR and VR on the Web. ↳ Turn your existing R3F app into an AR or VR experience with only a few lines of code. 🎉

Bela Bohlender

40,135 次观看 • 2 年前

✨ 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

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

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,269 次观看 • 6 个月前

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!

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

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,332 次观看 • 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 👉

🥪 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 年前

Excited to announce that I've shipped my first game! Written from the ground up in Three.js in 3 months and published on VIVERSE Official Some tech stuff that I'm really proud of: - fully custom spherical harmonics prt lighting. Giving a baked diffuse look while still allowing for dynamic objects - Runs completely inside a WebWorker (rendering & simulation) using OffscreenCanvas - Supports all input types: desktop, mobile, gamepad (non-trivial if your app runs in a worker!) - No Postprocessing! No bloom - everything you see is faked via mesh based shaders for performance reasons Huge thanks to VIVERSE Official who have made this possible by letting me into their Creator Program. It's not easy to make a living off gamedev on the web yet, so this is great for the ecosystem. All links below: #VIVERSE #threejs #IndieGameDev

Excited to announce that I've shipped my first game! Written from the ground up in Three.js in 3 months and published on VIVERSE Official Some tech stuff that I'm really proud of: - fully custom spherical harmonics prt lighting. Giving a baked diffuse look while still allowing for dynamic objects - Runs completely inside a WebWorker (rendering & simulation) using OffscreenCanvas - Supports all input types: desktop, mobile, gamepad (non-trivial if your app runs in a worker!) - No Postprocessing! No bloom - everything you see is faked via mesh based shaders for performance reasons Huge thanks to VIVERSE Official who have made this possible by letting me into their Creator Program. It's not easy to make a living off gamedev on the web yet, so this is great for the ecosystem. All links below: #VIVERSE #threejs #IndieGameDev

Brian Breiholz

14,587 次观看 • 1 年前

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 年前

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 年前

React Three Fiber and the broader pmndrs ecosystem inspired for years with beautiful example drops by ☄︎, Faraz and more. These were historically hosted on CodeSandbox, rest in peace, and soon rotted with the rapid demise of these services. Well it's back. 👉 👉 Not every example is 100% complete but full conversions are in progress. Included is metadata cataloging authorship, data, libraries and more. Check out the archives!

React Three Fiber and the broader pmndrs ecosystem inspired for years with beautiful example drops by ☄︎, Faraz and more. These were historically hosted on CodeSandbox, rest in peace, and soon rotted with the rapid demise of these services. Well it's back. 👉 👉 Not every example is 100% complete but full conversions are in progress. Included is metadata cataloging authorship, data, libraries and more. Check out the archives!

Poimandres

15,934 次观看 • 1 个月前

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,257 次观看 • 6 个月前

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

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 年前