Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Built a custom tool using Three.js 3RF by Poimandres to convert SVGs to 3D Models in real time ⚡️

MalayVasa's profile picture

Malay Vasa

1,957 subscribers

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

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Malay Vasa profil fotoğrafı
Malay Vasa2 yıl önce

Update: We have color ⚡️🎨

Malay Vasa profil fotoğrafı
Malay Vasa2 yıl önce

Update: We are now live! ⚡️✨

Fold profil fotoğrafı
Fold2 yıl önce

@threejs @pmndrs

Anon 2.0 profil fotoğrafı
Anon 2.02 yıl önce

@threejs @pmndrs I'm just guessing but are you like taking the logo as base and extruding it on an axis creating the 3D model?

Malay Vasa profil fotoğrafı
Malay Vasa2 yıl önce

@threejs @pmndrs Yeah! Using SVGLoader and ExtrudeGeometry, with a lot of parsing magic in between to handle multiple paths and subpaths in SVGs

Dima 🇺🇦 profil fotoğrafı
Dima 🇺🇦2 yıl önce

@threejs @pmndrs Great work! Is it open source?

Grey profil fotoğrafı
Grey2 yıl önce

@threejs @pmndrs Pretty cool. It becomes better If you can manage to add colors to the 3D object from the icon Itself.

Malay Vasa profil fotoğrafı
Malay Vasa2 yıl önce

@threejs @pmndrs Definitely something I should look into!

Yiwei Ho profil fotoğrafı
Yiwei Ho2 yıl önce

@threejs @pmndrs @pheralb_ 👀

Maxim Werthmann profil fotoğrafı
Maxim Werthmann2 yıl önce

@threejs @pmndrs awesome 😍

Benzer Videolar

i made a "brand engineering" tool to let me convert the svgs into a 3d scene and then generate a sprite sheet to actually use on my site
0:30

i made a "brand engineering" tool to let me convert the svgs into a 3d scene and then generate a sprite sheet to actually use on my site

Kelindi

108,933 görüntüleme • 1 ay önce

Morw test to more fine-tune the ClayPencil tool, to convert Grease Pencil animations into 3D characters in real time. This time using a reference from the lovely @pedroalpera #Blender #B3D #ClayPencil #GreasePencil #stopmotion #2D #2danimation
1:15

Morw test to more fine-tune the ClayPencil tool, to convert Grease Pencil animations into 3D characters in real time. This time using a reference from the lovely @pedroalpera #Blender #B3D #ClayPencil #GreasePencil #stopmotion #2D #2danimation

Daniel Martínez Lara 🔶

82,149 görüntüleme • 1 yıl önce

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊
0:29

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊

Techartist

1,476,425 görüntüleme • 11 ay önce

Found a new free design tool that converts SVGS to 3D. Link on the thread.
0:48

Found a new free design tool that converts SVGS to 3D. Link on the thread.

Design Chief Priest

28,825 görüntüleme • 6 ay önce

Another FANART test to fine-tune the ClayPencil tool, to convert Grease Pencil animations into 3D characters in real time. Using a reference, from the one & only Olov Burman for Nounfest “Golden Goose” Check it out! #Blender #B3D #GreasePencil #stopmotion #2D #2danimation
1:03

Another FANART test to fine-tune the ClayPencil tool, to convert Grease Pencil animations into 3D characters in real time. Using a reference, from the one & only Olov Burman for Nounfest “Golden Goose” Check it out! #Blender #B3D #GreasePencil #stopmotion #2D #2danimation

Daniel Martínez Lara 🔶

209,686 görüntüleme • 1 yıl önce

Couldn't get enough of Claude Fable 5, so I challenged it to build a fully 3D mechanical engine platform and it just did!! 😱 And no, these aren't pre made Blender models. Nah. Fable generated everything from scratch using custom geometry, built entirely using Three.js Zero assets. One prompt. Crazzzzy results
0:55

Couldn't get enough of Claude Fable 5, so I challenged it to build a fully 3D mechanical engine platform and it just did!! 😱 And no, these aren't pre made Blender models. Nah. Fable generated everything from scratch using custom geometry, built entirely using Three.js Zero assets. One prompt. Crazzzzy results

The Bugged Dev

82,068 görüntüleme • 1 ay önce

This video was made by the a16z video team. Many of the visuals were painstakingly built in 3D, rendered, and then treated. We custom composed a track to the video. A tool was built to sort through thousands of archived footage. A massive effort by incredible people. Enjoy.
0:25

This video was made by the a16z video team. Many of the visuals were painstakingly built in 3D, rendered, and then treated. We custom composed a track to the video. A tool was built to sort through thousands of archived footage. A massive effort by incredible people. Enjoy.

richard

266,606 görüntüleme • 1 ay önce

Built an MCP tool to generate 3D models and use them in ThreeJS or any app seamlessly. Check it out 🙏
0:27

Built an MCP tool to generate 3D models and use them in ThreeJS or any app seamlessly. Check it out 🙏

Visionary x AI

152,086 görüntüleme • 1 yıl önce

Vibe coded something new today 😉 It’s a 3D Solana AI protocol website built using Gemini 3 Pro in Google AI Studio. All the Three.js models you see on the site have been built from scratch by AI using different geometries, PBR, Linear Interpolation, Lightformers (IBL), Shadows and more :D Live: Code:
0:22

Vibe coded something new today 😉 It’s a 3D Solana AI protocol website built using Gemini 3 Pro in Google AI Studio. All the Three.js models you see on the site have been built from scratch by AI using different geometries, PBR, Linear Interpolation, Lightformers (IBL), Shadows and more :D Live: Code:

The Bugged Dev

21,128 görüntüleme • 6 ay önce

KIMI K3 BUILDS A 3D SPACEX LAUNCH ATLAS IN 2.5 HOURS A developer used Moonshot AI's Kimi K3 to build an interactive 3D globe visualizing 20 years of SpaceX launches. Built with React 19, Three.js, and custom GLSL shaders, it parses real data across 708 missions to play back live launch animations in under three hours.
0:36

KIMI K3 BUILDS A 3D SPACEX LAUNCH ATLAS IN 2.5 HOURS A developer used Moonshot AI's Kimi K3 to build an interactive 3D globe visualizing 20 years of SpaceX launches. Built with React 19, Three.js, and custom GLSL shaders, it parses real data across 708 missions to play back live launch animations in under three hours.

0xMarioNawfal

53,415 görüntüleme • 5 gün önce

Generate animated 3D characters for your vibe coded Three.js game in <5 mins 1. Generate 2D character with Google Gemini 2. Convert to 3D with TRELLIS 3. Convert GLB to FBX 4. Import to valentina Mendez Mendez to animate 5. Export FBX + animations for your three.js game Here's an orc for my game
0:41

Generate animated 3D characters for your vibe coded Three.js game in <5 mins 1. Generate 2D character with Google Gemini 2. Convert to 3D with TRELLIS 3. Convert GLB to FBX 4. Import to valentina Mendez Mendez to animate 5. Export FBX + animations for your three.js game Here's an orc for my game

Majid Manzarpour

130,624 görüntüleme • 1 yıl önce

Wild what's possible now: I can ship a 3D experience prototype to a museum in a single afternoon. Everything coded and generated with Omma, leveraging AI to iterate fast. 3D models generated in Omma. Scene built on top of Three.js. Prompted for dissolving shaders + particle systems?
0:30

Wild what's possible now: I can ship a 3D experience prototype to a museum in a single afternoon. Everything coded and generated with Omma, leveraging AI to iterate fast. 3D models generated in Omma. Scene built on top of Three.js. Prompted for dissolving shaders + particle systems?

Joseph Azar

93,343 görüntüleme • 2 ay önce

Using Fable to build myself a 3d mockup tool
0:28

Using Fable to build myself a 3d mockup tool

Daniel Destefanis

59,647 görüntüleme • 16 gün önce

real-time procedural dungeon generator in Three.js, built with Fable 5 👇
0:46

real-time procedural dungeon generator in Three.js, built with Fable 5 👇

Majid Manzarpour

222,800 görüntüleme • 25 gün önce

3d pencil tool + real-time generative previews + 3d model gen = powerfully fun way to iterate.
0:28

3d pencil tool + real-time generative previews + 3d model gen = powerfully fun way to iterate.

Unbound

10,815 görüntüleme • 2 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,917 görüntüleme • 5 ay önce

Start building real apps for the modern web with the Google Antigravity coding agent and Firebase integration, now in Google AI Studio. Develop a real-time, 3D multiplayer snake arena built with Three.js and collect orbs to dominate the neon grid 🐍
0:20

Start building real apps for the modern web with the Google Antigravity coding agent and Firebase integration, now in Google AI Studio. Develop a real-time, 3D multiplayer snake arena built with Three.js and collect orbs to dominate the neon grid 🐍

Google AI Developers

33,151 görüntüleme • 4 ay önce

Really proud of what I was able to achieve developing 3D cell nuclei with custom geometry shaders using Three.js for a cancer care platform, all built with Google Gemini 3 Pro AI 💜 Had to approach the project twice, but had a lot of fun doing it :) Live:
0:30

Really proud of what I was able to achieve developing 3D cell nuclei with custom geometry shaders using Three.js for a cancer care platform, all built with Google Gemini 3 Pro AI 💜 Had to approach the project twice, but had a lot of fun doing it :) Live:

The Bugged Dev

19,510 görüntüleme • 6 ay önce

Tiny Update for Hana: - Pencil tool - Strokes Gradient - Pages - Fill as 3D texture - Copy & Paste from Figma All of this can be animated in real-time, react to interactivity, convert to vectors, combine with booleans, etc.
0:25

Tiny Update for Hana: - Pencil tool - Strokes Gradient - Pages - Fill as 3D texture - Copy & Paste from Figma All of this can be animated in real-time, react to interactivity, convert to vectors, combine with booleans, etc.

Spline

16,543 görüntüleme • 5 ay önce