Загрузка видео...

Не удалось загрузить видео

На главную

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,513 subscribers

125,867 просмотров • 3 лет назад •via X (Twitter)

ИскусствоНаука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 3 лет назад

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 просмотров • 5 месяцев назад

Building SPA-like experiences with Next.js With 𝚌𝚊𝚌𝚑𝚎𝙲𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜, the data behind a page can persist across navigations, so a revisit skips the loading fallback. Mark the read with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' so its result is cached instead of re-queried on each render. That cache also persists in the browser, so revisiting the page reuses it without hitting the server again. Live demo, source code, and docs below ↓
0:12

Building SPA-like experiences with Next.js With 𝚌𝚊𝚌𝚑𝚎𝙲𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜, the data behind a page can persist across navigations, so a revisit skips the loading fallback. Mark the read with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' so its result is cached instead of re-queried on each render. That cache also persists in the browser, so revisiting the page reuses it without hitting the server again. Live demo, source code, and docs below ↓

Aurora Scharff

29,082 просмотров • 1 месяц назад

📣 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 просмотров • 1 год назад

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 просмотров • 1 год назад

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,533 просмотров • 1 год назад

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,231 просмотров • 3 лет назад

🚀 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 просмотров • 2 лет назад

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

shadows

14,647 просмотров • 5 месяцев назад

After a long time, I've created a new pen to try out the View Transitions feature and this is really cool! 🚀🚀 CodePen.IO
0:10

After a long time, I've created a new pen to try out the View Transitions feature and this is really cool! 🚀🚀 CodePen.IO

Aysenur

83,842 просмотров • 3 лет назад

Made this fal-powered Roblox Studio plugin over the weekend, text/image to 3D using the new amazing Tripo P1 model! 🎮
0:15

Made this fal-powered Roblox Studio plugin over the weekend, text/image to 3D using the new amazing Tripo P1 model! 🎮

Blendi

19,855 просмотров • 4 месяцев назад

Solaris is an interface world model: an interactive, real-time video model that can create and render an interface for you. But most importantly, Solaris has this awe-like quality. Everything you do with it feels impossibly close to what computers should have always been.
0:19

Solaris is an interface world model: an interactive, real-time video model that can create and render an interface for you. But most importantly, Solaris has this awe-like quality. Everything you do with it feels impossibly close to what computers should have always been.

Cristóbal Valenzuela

32,090 просмотров • 13 дней назад

Looks like we can place UIKit views in the accessory view! 🚀 Here is a small demo of iOS 26 accessory view running with React Native Bottom Tabs 🔥 Time to think about a good API for this 😄
0:11

Looks like we can place UIKit views in the accessory view! 🚀 Here is a small demo of iOS 26 accessory view running with React Native Bottom Tabs 🔥 Time to think about a good API for this 😄

Oskar

18,361 просмотров • 1 год назад

Okay this new model is insane. Generate an image, then give it to the model to turn it into a 3D model with matching texture in seconds. Creativity on Spielwerk will be endless with this
0:10

Okay this new model is insane. Generate an image, then give it to the model to turn it into a 3D model with matching texture in seconds. Creativity on Spielwerk will be endless with this

Eike Drescher

37,987 просмотров • 10 месяцев назад

Fascinating. Audi's car configurator uses webrtc to stream the 3D view from some remote rendered service instead of using WebGL in the browser. Really want to know what lead to that engineering decision. The latency is awful and the render quality is quite low resolution.
0:15

Fascinating. Audi's car configurator uses webrtc to stream the 3D view from some remote rendered service instead of using WebGL in the browser. Really want to know what lead to that engineering decision. The latency is awful and the render quality is quite low resolution.

Armin Ronacher ⇌

274,255 просмотров • 1 год назад

People are earning 10,000$ by selling 3d Websites 💀 So I tried creating a 3d website using GPT-6 Astra + Hyper3D Rodin's MCP And they built this landing page with an INTERACTIVE 3D CAR in the hero. I didn't model the car. I didn't touch Blender. I didn't manually integrate the 3D asset. And this is the result 👇
0:11

People are earning 10,000$ by selling 3d Websites 💀 So I tried creating a 3d website using GPT-6 Astra + Hyper3D Rodin's MCP And they built this landing page with an INTERACTIVE 3D CAR in the hero. I didn't model the car. I didn't touch Blender. I didn't manually integrate the 3D asset. And this is the result 👇

FELIX

96,671 просмотров • 7 дней назад

the fact that this whole 3d model was generated in one shot from an image is completly nuts to me
0:17

the fact that this whole 3d model was generated in one shot from an image is completly nuts to me

Jan

189,246 просмотров • 10 месяцев назад

Here is an example of using multiple windows on iPadOS with React Native! ✨ Thanks to React Native Factory integrating this became a lot easier and now I'm working on first-party support for this feature! 👀
0:16

Here is an example of using multiple windows on iPadOS with React Native! ✨ Thanks to React Native Factory integrating this became a lot easier and now I'm working on first-party support for this feature! 👀

Oskar

21,638 просмотров • 1 год назад

A quick test of using 3d drawing with 6DOF controllers as an "instructor" for a generative AI process. There's so many powerful and fun new ways to create just around the corner.. Here I'm using Dreams, Krea and 3daistudio. The 3d model at the end of the video was generated from the Dreams+Krea output in just around 15 seconds. Only the model on the left is a "true" 3d model. #ai #madeindreams
0:17

A quick test of using 3d drawing with 6DOF controllers as an "instructor" for a generative AI process. There's so many powerful and fun new ways to create just around the corner.. Here I'm using Dreams, Krea and 3daistudio. The 3d model at the end of the video was generated from the Dreams+Krea output in just around 15 seconds. Only the model on the left is a "true" 3d model. #ai #madeindreams

Martin Nebelong

132,897 просмотров • 2 лет назад