正在加载视频...

视频加载失败

返回首页

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 次观看 • 2 年前 •via X (Twitter)

科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

10 条评论

Malay Vasa 的头像
Malay Vasa2 年前

Update: We have color ⚡️🎨

Malay Vasa 的头像
Malay Vasa2 年前

Update: We are now live! ⚡️✨

Fold 的头像
Fold2 年前

@threejs @pmndrs

Anon 2.0 的头像
Anon 2.02 年前

@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 的头像
Malay Vasa2 年前

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

Dima 🇺🇦 的头像
Dima 🇺🇦2 年前

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

Grey 的头像
Grey2 年前

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

Malay Vasa 的头像
Malay Vasa2 年前

@threejs @pmndrs Definitely something I should look into!

Yiwei Ho 的头像
Yiwei Ho2 年前

@threejs @pmndrs @pheralb_ 👀

Maxim Werthmann 的头像
Maxim Werthmann2 年前

@threejs @pmndrs awesome 😍

相关视频

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

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

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

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

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

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

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

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

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

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

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

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,239 次观看 • 20 天前

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

Using Fable to build myself a 3d mockup tool

Daniel Destefanis

59,612 次观看 • 11 天前

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

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

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

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,420 次观看 • 6 个月前

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

This past weekend, I built a portfolio website entirely using natural language through coding required. The site itself is powered by Three.js and React. ⚡️
0:31

This past weekend, I built a portfolio website entirely using natural language through coding required. The site itself is powered by Three.js and React. ⚡️

Ian Curtis

20,248 次观看 • 1 年前