正在加载视频...

视频加载失败

返回首页

Testing a 3D logo/case study picker using React Three Fiber

iampetrknoll's profile picture

Petr Knoll

3,217 subscribers

47,472 次观看 • 1 年前 •via X (Twitter)

科学技术教育艺术
LIVE

Anya Rossi• Live Now

Private livecam show

11 条评论

Petr Knoll 的头像
Petr Knoll1 年前

fog is giving me some Arrival vibes

React Universe Conf | Sept 2-4, 2025 的头像
React Universe Conf | Sept 2-4, 20251 年前

React Universe is a constantly evolving ecosystem—driving curiosity and continuous learning. And that's what we love about it! 🙌 Join us at React Universe Conf 2025 to future-proof your dev team:

andrew 的头像
andrew1 年前

insane work. how does react three fiber impact bundle size/seo?

Petr Knoll 的头像
Petr Knoll1 年前

It's pretty hefty and isn't directly crawlable for SEO, but there are workarounds. Wouldn't make this be the primary way to interact with cases, just a cool secondary visual

Faizan Alve 的头像
Faizan Alve1 年前

Nice 3d Animation 😍

Vist 的头像
Vist1 年前

Wow!! Such a cool idea

Fons Mans 的头像
Fons Mans1 年前

Uhm hello this is fcking sick

Petr Knoll 的头像
Petr Knoll1 年前

Haha thanks!

Tim ✖️ 的头像
Tim ✖️1 年前

Were any logos harmed?

Marv Naka 的头像
Marv Naka1 年前

Crazy good man, seriously

Petr Knoll 的头像
Petr Knoll1 年前

Appreciate it!

相关视频

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

Glm-5 ile Minecraft yapmak. Kullanılan Teknolojiler: Oyun Motoru & 3D Grafik Three.js – WebGL tabanlı 3D grafik kütüphanesi React Three Fiber – Three.js için React renderer 🌐 Frontend Framework Next.js 16 – React tabanlı framework React 19 – UI kütüphanesi TypeScript – Tip güvenli JavaScript Z.ai Zixuan Li jietang
1:18

Glm-5 ile Minecraft yapmak. Kullanılan Teknolojiler: Oyun Motoru & 3D Grafik Three.js – WebGL tabanlı 3D grafik kütüphanesi React Three Fiber – Three.js için React renderer 🌐 Frontend Framework Next.js 16 – React tabanlı framework React 19 – UI kütüphanesi TypeScript – Tip güvenli JavaScript Z.ai Zixuan Li jietang

Mehmet

10,925 次观看 • 3 个月前

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 次观看 • 1 个月前

🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber! 🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free! Be the first to redeem it 👉
0:29

🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber! 🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free! Be the first to redeem it 👉

Wawa Sensei

39,633 次观看 • 2 年前

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 次观看 • 10 个月前

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 次观看 • 3 年前

Demo of a Google AR & VR 3D Tiles editor in Poimandres' react-three-fiber, drei and NextJS. Completely hackable! ⚡️ 🌏 Edit the world from anywhere, from your browser! ⏳No need to install 3D engines 📖 Open source
0:45

Demo of a Google AR & VR 3D Tiles editor in Poimandres' react-three-fiber, drei and NextJS. Completely hackable! ⚡️ 🌏 Edit the world from anywhere, from your browser! ⏳No need to install 3D engines 📖 Open source

Alberto

63,948 次观看 • 3 年前

Testing logo transformations in VEO 3 using JSON. ⚙️🎥
0:24

Testing logo transformations in VEO 3 using JSON. ⚙️🎥

Koldo Huici

362,980 次观看 • 10 个月前

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI
0:28

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI

Luma

230,426 次观看 • 2 年前

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).
0:26

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Dev Ed

77,206 次观看 • 3 个月前

Russia testing a USV launched fiber optic strike drone.
1:00

Russia testing a USV launched fiber optic strike drone.

Preston Stewart

29,618 次观看 • 3 个月前

Prince William believes you can have zero homelessness and he’s using Finland as a case study.
4:32

Prince William believes you can have zero homelessness and he’s using Finland as a case study.

CNN

265,135 次观看 • 2 年前

my gift for the @levelsio game jam a three.js starter file with cannon.js, react three fiber, and drei.. ready to go no paywall, just a download link 👇
0:22

my gift for the @levelsio game jam a three.js starter file with cannon.js, react three fiber, and drei.. ready to go no paywall, just a download link 👇

Aurelien

94,775 次观看 • 1 年前

Take a look at this animated 3D arm muscles study created by 3D Artist John Newell using ZBrush. More anatomy studies: #zbrush #3dsculpting #anatomy #reference
0:28

Take a look at this animated 3D arm muscles study created by 3D Artist John Newell using ZBrush. More anatomy studies: #zbrush #3dsculpting #anatomy #reference

80 LEVEL

55,652 次观看 • 2 年前

.Ann He and I won the AGI House ai x commerce hackathon on saturday! we built taste space: a 3d representation of 1500 clothing items that, through rating, you can place yourself in. built with CLIP, UMAP, synthetic labeling, react three fiber, and more. thread 👇
0:36

.Ann He and I won the AGI House ai x commerce hackathon on saturday! we built taste space: a 3d representation of 1500 clothing items that, through rating, you can place yourself in. built with CLIP, UMAP, synthetic labeling, react three fiber, and more. thread 👇

Michelle Lu

86,612 次观看 • 1 年前

New work for IBM. Sound by Cypher. Case study + creds coming soon. #tendril #ibm #3d #motiondesign
0:51

New work for IBM. Sound by Cypher. Case study + creds coming soon. #tendril #ibm #3d #motiondesign

Tendril

21,690 次观看 • 1 年前

Verydarkman react to Federal government using Yahaya bello who is currently having a case with EFCC as witness in their filled case against Suspended Senator natasha akpoti
5:32

Verydarkman react to Federal government using Yahaya bello who is currently having a case with EFCC as witness in their filled case against Suspended Senator natasha akpoti

Nigeria Stories

87,133 次观看 • 1 年前

Nigeria a case study.
1:29

Nigeria a case study.

Chinasa Nworu

10,475 次观看 • 1 年前

✨ 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 次观看 • 3 年前