正在加载视频...

视频加载失败

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

Used pmndrs/uikit to make a video presenting itself ♾️ #R3F Three.js

Bela Bohlender

2,066 subscribers

12,599 次观看 • 2 年前 •via X (Twitter)

教育科学技术艺术 #R3F

Anya Rossi• Live Now

Private livecam show

5 条评论

Tyson Skakun 的头像

Tyson Skakun2 年前

@threejs Looking great Bela 🫡

Wawa 的头像

Wawa2 年前

@threejs Remindes me of how UML is defined in UML.

itsame 的头像

itsame2 年前

@threejs V0 is useless, but I’m excited to try this

Bela Bohlender 的头像

Bela Bohlender2 年前

@NFTs__one @threejs I use it regularly for rapid prototyping :)

Sinan 🌍 的头像

Sinan 🌍2 年前

@threejs

相关视频

Let's sell a plant with Three.js + R3F + R3/Uikit Sketchfab → gltfjsx → html23 → 🪴🏷️

Let's sell a plant with Three.js + R3F + R3/Uikit Sketchfab → gltfjsx → html23 → 🪴🏷️

Bela Bohlender

13,820 次观看 • 2 年前

Okay Claude, make me a three.js fighting game with capsule bots. 5 minutes later.. ⬇️ #threejs #r3f

Okay Claude, make me a three.js fighting game with capsule bots. 5 minutes later.. ⬇️ #threejs #r3f

Alex

96,416 次观看 • 7 个月前

Many have asked for controls similar to Coastal World. Now, you can achieve that with Ecctrl new ‘FixedCamera’ mode. Hope you like it! 😆 🔗pmndrs/ecctrl: #threejs #threejsJourney #webdev #opensource #gamedev #r3f #ecctrl

Many have asked for controls similar to Coastal World. Now, you can achieve that with Ecctrl new ‘FixedCamera’ mode. Hope you like it! 😆 🔗pmndrs/ecctrl: #threejs #threejsJourney #webdev #opensource #gamedev #r3f #ecctrl

Andrew Chen

17,537 次观看 • 2 年前

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

Sneak peek of my first portfolio with Three.js! I’m trying to make my portfolio into an interactive 3D experience like a game! Explore different areas and get to know more about me as you play around. 😁 #threejs #R3F #b3d #blender

Sneak peek of my first portfolio with Three.js! I’m trying to make my portfolio into an interactive 3D experience like a game! Explore different areas and get to know more about me as you play around. 😁 #threejs #R3F #b3d #blender

wora_work

12,000 次观看 • 1 年前

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

pmndrs/uikit by Bela Bohlender is fully responsive via flexbox, built on the yoga layout engine. making UI in webgl opens up interesting possibilities: effects, 2.5D & 3D navigation, perspective shift, parallax, more to come ... very early dev preview

pmndrs/uikit by Bela Bohlender is fully responsive via flexbox, built on the yoga layout engine. making UI in webgl opens up interesting possibilities: effects, 2.5D & 3D navigation, perspective shift, parallax, more to come ... very early dev preview

☄︎

572,217 次观看 • 2 年前

What if instead of a skateboard, you rode a dog??🐕 Made Skate Dog in Three.js and #r3f and it's open source! link below 👇

What if instead of a skateboard, you rode a dog??🐕 Made Skate Dog in Three.js and #r3f and it's open source! link below 👇

〽️att Greenberg

16,869 次观看 • 21 天前

Using the incredible creative and expressive power of Poimandres r3f + drei for this newsletter landing about AI + Design. With a parametric spring mesh on Three.js, later ported to React. Stay tuned!

Using the incredible creative and expressive power of Poimandres r3f + drei for this newsletter landing about AI + Design. With a parametric spring mesh on Three.js, later ported to React. Stay tuned!

Davo

32,068 次观看 • 3 年前

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

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

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

🚀 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

23,984 次观看 • 2 个月前

Web 3d explorer for Oxide Computer Company. Built in three.js/r3f. Tonnes of little interactions and details in this. Poke around, and take a look at the guided tours.

Web 3d explorer for Oxide Computer Company. Built in three.js/r3f. Tonnes of little interactions and details in this. Poke around, and take a look at the guided tours.

Ben Leonard

101,591 次观看 • 3 个月前

"This is how GPT-4 sees and hears itself" I used GPT-4 to describe itself. Then I used its description to generate an image, a video based on this image and a soundtrack. Tools I used: GPT-4, Midjourney, Kainber AI, Mubert, RunwayML This is the description I used that GPT-4 had of itself as a prompt to text-to-image, image-to-video, and text-to-music. I put the video and sound together in RunwayML.

"This is how GPT-4 sees and hears itself" I used GPT-4 to describe itself. Then I used its description to generate an image, a video based on this image and a soundtrack. Tools I used: GPT-4, Midjourney, Kainber AI, Mubert, RunwayML This is the description I used that GPT-4 had of itself as a prompt to text-to-image, image-to-video, and text-to-music. I put the video and sound together in RunwayML.

Kris Kashtanova

1,233,519 次观看 • 3 年前

Got access to Manus AI prompt: make a three.js endless runner game

Got access to Manus AI prompt: make a three.js endless runner game

AK

333,558 次观看 • 1 年前

Used the gauntlet loop technique to make a Trials clone but in the browser. Try it out and lmk what you think! Matt Shumer Three.js Sebastian Aaltonen Bilawal Sidhu

Used the gauntlet loop technique to make a Trials clone but in the browser. Try it out and lmk what you think! Matt Shumer Three.js Sebastian Aaltonen Bilawal Sidhu

Alex St. Louis

33,330 次观看 • 16 天前

Asked fable to make a physics based photorealistic glass shader in Three.js TSL

Asked fable to make a physics based photorealistic glass shader in Three.js TSL

Scott

20,563 次观看 • 1 个月前

Sonnet 4.6 used ffmpeg to make a video of a haunted house of claudes

Sonnet 4.6 used ffmpeg to make a video of a haunted house of claudes

w̸͕͂͂a̷͔̗͐t̴̙͗e̵̬̔̕r̴̰̓̊m̵͙͖̓̽a̵̢̗̓͒r̸̲̽ķ̷͔́͝

50,045 次观看 • 5 个月前

Let’s kick off the year with my latest project with @bonhommeparis 👉 Discover the 10 key values that fuel Bonhomme since 2013 A collaboration with LRT, remy and Kévin Chapron Using Three.js React and #R3F

Let’s kick off the year with my latest project with @bonhommeparis 👉 Discover the 10 key values that fuel Bonhomme since 2013 A collaboration with LRT, remy and Kévin Chapron Using Three.js React and #R3F

Bruno Simon

28,004 次观看 • 2 年前