Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

BelaBohlender's profile picture

Bela Bohlender

2,066 subscribers

12,599 Aufrufe • vor 2 Jahren •via X (Twitter)

BildungWissenschaft & TechnologieKunst#R3F
LIVE

Anya Rossi• Live Now

Private livecam show

5 Kommentare

Profilbild von Tyson Skakun
Tyson Skakunvor 2 Jahren

@threejs Looking great Bela 🫡

Profilbild von Wawa
Wawavor 2 Jahren

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

Profilbild von itsame
itsamevor 2 Jahren

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

Profilbild von Bela Bohlender
Bela Bohlendervor 2 Jahren

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

Profilbild von Sinan 🌍
Sinan 🌍vor 2 Jahren

@threejs

Ähnliche Videos

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

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

Bela Bohlender

13,819 Aufrufe • vor 2 Jahren

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

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

Alex

96,416 Aufrufe • vor 5 Monaten

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

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

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

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

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

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 Aufrufe • vor 1 Jahr

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

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

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!
0:25

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

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

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 Aufrufe • vor 1 Jahr

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

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.
0:21

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

99,530 Aufrufe • vor 2 Monaten

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

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

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

AK

333,558 Aufrufe • vor 1 Jahr

"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.
0:59

"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,452 Aufrufe • vor 3 Jahren

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

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

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

49,989 Aufrufe • vor 4 Monaten

Adding a new feature to Three.js in just 3 prompts: > Make a shallow clone of the three.js repo in this folder. > Implement RainbowFog in the WebGLRenderer. > Create new builds.
2:48

Adding a new feature to Three.js in just 3 prompts: > Make a shallow clone of the three.js repo in this folder. > Implement RainbowFog in the WebGLRenderer. > Create new builds.

mrdoob

26,195 Aufrufe • vor 3 Monaten

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

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

used AI to make a music video of this tweet that keeps giving
0:58

used AI to make a music video of this tweet that keeps giving

Sugandha

71,129 Aufrufe • vor 7 Monaten

Claude AI one shotted this multiplayer game prompt : Make me a Threejs game that's going to make me win the Threejs spaceship challenge. Must be online and multiplayer #threejs #r3f #ai
0:56

Claude AI one shotted this multiplayer game prompt : Make me a Threejs game that's going to make me win the Threejs spaceship challenge. Must be online and multiplayer #threejs #r3f #ai

Alex

14,005 Aufrufe • vor 5 Monaten