Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

New Astro + View Transitions demo ✨ This time using React Three Fiber to render an animated 3D model that persists across page-navigations.

charca's profile picture

Maxi Ferreira

4,526 subscribers

125,776 görüntüleme • 2 yıl önce •via X (Twitter)

SanatBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

🧵How I made this interactive 3D scene with Blender and react-three-fiber
0:16

🧵How I made this interactive 3D scene with Blender and react-three-fiber

yasmin

145,340 görüntüleme • 2 yıl önce

I made an animation for bulma past week using camera tracking, this time I wanted to made a new render for it 😁 #animation #3d #bulma
0:14

I made an animation for bulma past week using camera tracking, this time I wanted to made a new render for it 😁 #animation #3d #bulma

Juan Guillermo Cruz

88,527 görüntüleme • 2 yıl önce

Interactive 3d explorer with React Three Fiber. Worked with an artist to fix the topology and reduce the size of the CAD model. Custom LUT to more closely match the colour grade of the renders.
0:13

Interactive 3d explorer with React Three Fiber. Worked with an artist to fix the topology and reduce the size of the CAD model. Custom LUT to more closely match the colour grade of the renders.

Ben Leonard

12,314 görüntüleme • 3 ay önce

📣 We are bringing WebGPU to React Native! This update enables: 🚀 Modern GPU APIs (Vulkan & Metal) and enables general purpose GPU computation for AI/ML 🐎 Seamless Reanimated integration 🧊 Bringing stunning 3d experiences to React Native using ThreeJS and React Three Fiber
0:15

📣 We are bringing WebGPU to React Native! This update enables: 🚀 Modern GPU APIs (Vulkan & Metal) and enables general purpose GPU computation for AI/ML 🐎 Seamless Reanimated integration 🧊 Bringing stunning 3d experiences to React Native using ThreeJS and React Three Fiber

Mustafa Ali

262,567 görüntüleme • 1 yıl önce

Learn how we built our interactive 3D badge for Vercel Ship with React Three Fiber.
0:11

Learn how we built our interactive 3D badge for Vercel Ship with React Three Fiber.

Vercel

274,679 görüntüleme • 2 yıl önce

A new version of React Native Bottom Tabs 0.8.0 is out! 🎉 Lots of work went into this release: - Complete refactoring of Android view management ♻️ - New Android Page Transitions ✨ - Material You support 🎨 - Other bug fixes 🔧
0:18

A new version of React Native Bottom Tabs 0.8.0 is out! 🎉 Lots of work went into this release: - Complete refactoring of Android view management ♻️ - New Android Page Transitions ✨ - Material You support 🎨 - Other bug fixes 🔧

Oskar

27,887 görüntüleme • 1 yıl önce

it's getting to the point where i can just feel that an app is using RSCs when i use it - nearly 1s page navigations i'm sure it can be improved but yet to come across an RSC app in the wild that feels good about to say v0 but just checked idk if they're using them anymore
0:11

it's getting to the point where i can just feel that an app is using RSCs when i use it - nearly 1s page navigations i'm sure it can be improved but yet to come across an RSC app in the wild that feels good about to say v0 but just checked idk if they're using them anymore

dax

663,200 görüntüleme • 1 yıl önce

⭐️3D Model Live Tracking Showcase ⭐️ Live Demo of the 3D model i created using Blender!!
0:16

⭐️3D Model Live Tracking Showcase ⭐️ Live Demo of the 3D model i created using Blender!!

Mari | 3D Modeler

69,727 görüntüleme • 1 yıl önce

The View Transitions API for Single-Page Apps (SPAs) is in Chrome 111 (the new stable)! 😍 Check out Jake Archibald's fantastic guide and this awesome demo from Maxi Ferreira
0:14

The View Transitions API for Single-Page Apps (SPAs) is in Chrome 111 (the new stable)! 😍 Check out Jake Archibald's fantastic guide and this awesome demo from Maxi Ferreira

Addy Osmani

104,222 görüntüleme • 3 yıl önce

Trying View Transitions in Next.js using 's next-view-transitions library. Love how straight-forward this was.
0:11

Trying View Transitions in Next.js using 's next-view-transitions library. Love how straight-forward this was.

Addy Osmani

33,113 görüntüleme • 1 yıl önce

Use AI to render 3D Workflows with Blender, Magnific, new 3D model from Stability and new powerful 3D tools form NVIDIA Let’s have a look.
0:16

Use AI to render 3D Workflows with Blender, Magnific, new 3D model from Stability and new powerful 3D tools form NVIDIA Let’s have a look.

Linus ✦ Ekenstam

156,107 görüntüleme • 2 yıl önce

React Native WebGPU 🤝 Three Fiber
0:17

React Native WebGPU 🤝 Three Fiber

William Candillon

37,636 görüntüleme • 1 yıl önce

Introducing the new react-three-next: Integrate seamlessly 3D into your Next.js website. New features include 3D portal divs, synchronized DOM/3D views and events, and a complete refactor for app-directory. Repo: Demo: A thread:
0:16

Introducing the new react-three-next: Integrate seamlessly 3D into your Next.js website. New features include 3D portal divs, synchronized DOM/3D views and events, and a complete refactor for app-directory. Repo: Demo: A thread:

Renaud

67,173 görüntüleme • 3 yıl önce

The hero on the latest Shopify Editions page was all built with React Three Fiber. Here’s how we did it 👇
0:16

The hero on the latest Shopify Editions page was all built with React Three Fiber. Here’s how we did it 👇

Daniel Beauchamp

53,894 görüntüleme • 2 yıl önce

I animated Eelektross' 3D Pokemon model walking using its walk cycle reference as... reference
0:10

I animated Eelektross' 3D Pokemon model walking using its walk cycle reference as... reference

Yisuno ⚝ | SKARM BELIEVER

831,304 görüntüleme • 1 yıl önce

🚀 Just launched the beta version of the new React Three Fiber Ultimate Guide landing page! I'd love to hear your feedback as I continue to improve it. Explore and dive into the chapters here 👇
0:13

🚀 Just launched the beta version of the new React Three Fiber Ultimate Guide landing page! I'd love to hear your feedback as I continue to improve it. Explore and dive into the chapters here 👇

Wawa Sensei

14,696 görüntüleme • 2 yıl önce

The world is fractured by wealth- a 3D fragile map of our divided world. 3D holographic globe that visualizes global economic inequality using the Gini Index data from World Bank. Spin the globe. Zoom in on any country. Built as a creative rendition of our economic ecosystem - beautiful, yet broken. #DataVisualization #ThreeJS #React #CreativeCoding #Geospatial #WebGL Three.js React-three-fiber
0:13

The world is fractured by wealth- a 3D fragile map of our divided world. 3D holographic globe that visualizes global economic inequality using the Gini Index data from World Bank. Spin the globe. Zoom in on any country. Built as a creative rendition of our economic ecosystem - beautiful, yet broken. #DataVisualization #ThreeJS #React #CreativeCoding #Geospatial #WebGL Three.js React-three-fiber

SHAHNAB AHMED

14,527 görüntüleme • 3 ay önce

❌ Avoid using conditionals to render views in React ✅ Instead use Enums
0:11

❌ Avoid using conditionals to render views in React ✅ Instead use Enums

George Moller

460,379 görüntüleme • 2 yıl önce

Anabella Rosfield 3D model test render #FF16
0:11

Sensitive content

Anabella Rosfield 3D model test render #FF16

Cyan ― 3D Artist

80,487 görüntüleme • 1 yıl önce

Future clinic 3d animated landing page
0:18

Future clinic 3d animated landing page

Alex Bender

13,225 görüntüleme • 5 ay önce