Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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!

BelaBohlender's profile picture

Bela Bohlender

2,048 subscribers

68,192 görüntüleme • 8 ay önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat#r3f
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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,086 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

🤯 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.
0:44

🤯 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,527 görüntüleme • 6 ay önce

Introducing PlayCanvas React 👋 Easy, Declarative 3D for React Developers 🪄 Links 👇
1:31

Introducing PlayCanvas React 👋 Easy, Declarative 3D for React Developers 🪄 Links 👇

PlayCanvas

29,685 görüntüleme • 1 yıl önce

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

22,678 görüntüleme • 3 ay önce

✨ 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,510 görüntüleme • 3 yıl önce

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,510 görüntüleme • 10 ay önce

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

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,770 görüntüleme • 3 yıl önce

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,614 görüntüleme • 3 ay önce

🎮 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,817 görüntüleme • 4 ay önce

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴
1:00

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴

AA

84,065 görüntüleme • 10 ay önce

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 görüntüleme • 2 yıl önce

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

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

SHAHNAB AHMED

612,776 görüntüleme • 1 ay önce

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,059 görüntüleme • 2 yıl önce

Introducing mcp-three An MCP server for Three.js made with xmcp Add toolkit for your AI to work with .gltf/.glb files: ✅ Understand model structure and animations ✅ Generate types & code with gltfjsx ✅ Less bugs when working with AI & 3D files Instructions below 🧵
0:39

Introducing mcp-three An MCP server for Three.js made with xmcp Add toolkit for your AI to work with .gltf/.glb files: ✅ Understand model structure and animations ✅ Generate types & code with gltfjsx ✅ Less bugs when working with AI & 3D files Instructions below 🧵

Matias 🧉

30,782 görüntüleme • 10 ay önce

operating my computer with voice + hand gestures 📎 🖥️ introducing Iron OS: it's like a regular computer, but much more inconvenient created with Three.js, Rosebud AI, and mediapipe computer vision 🔗demo link below
0:49

operating my computer with voice + hand gestures 📎 🖥️ introducing Iron OS: it's like a regular computer, but much more inconvenient created with Three.js, Rosebud AI, and mediapipe computer vision 🔗demo link below

AA

30,648 görüntüleme • 1 yıl önce

Pikimov 1.0 is out! 🥰🥰 Pikimov is a 2D/3D motion design and video editor Free. No sign up. No AI. It's like Photopea but for videos Made with Three.js and EmberJS Thanks for sharing the news!
0:22

Pikimov 1.0 is out! 🥰🥰 Pikimov is a 2D/3D motion design and video editor Free. No sign up. No AI. It's like Photopea but for videos Made with Three.js and EmberJS Thanks for sharing the news!

pikilipita

38,493 görüntüleme • 1 yıl önce

I wanted to see what would happen if we stripped away pixels and polygons from a video, and instead tried to recreate moving footage using a single, unbroken, continuous line. Introducing SINGLETHREAD- experimental web app that transforms any video into a real-time, 3D oscilloscope-style sculpture, running entirely in the browser Tech Stack: React + Vite | Three.js + React-three-fiber + Postprocessing (Bloom glow) #CreativeCoding #ThreeJS #ReactThreeFiber #WebGL #GenerativeArt #TechArt #Frontend #3D
0:33

I wanted to see what would happen if we stripped away pixels and polygons from a video, and instead tried to recreate moving footage using a single, unbroken, continuous line. Introducing SINGLETHREAD- experimental web app that transforms any video into a real-time, 3D oscilloscope-style sculpture, running entirely in the browser Tech Stack: React + Vite | Three.js + React-three-fiber + Postprocessing (Bloom glow) #CreativeCoding #ThreeJS #ReactThreeFiber #WebGL #GenerativeArt #TechArt #Frontend #3D

SHAHNAB AHMED

74,011 görüntüleme • 2 ay önce

webgi - realistic rendering for three.js is now free! With a new website for developers. Instantly create photo-realistic 3D e-commerce experiences without going deep into three.js graphics and shaders. Play around with the demo docs here -
1:07

webgi - realistic rendering for three.js is now free! With a new website for developers. Instantly create photo-realistic 3D e-commerce experiences without going deep into three.js graphics and shaders. Play around with the demo docs here -

Palash Bansal

45,087 görüntüleme • 9 ay önce

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

93,306 görüntüleme • 24 gün önce