Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

Malay Vasa

1,957 subscribers

221,839 Aufrufe • vor 2 Jahren •via X (Twitter)

Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Malay Vasa

Malay Vasavor 2 Jahren

Update: We have color ⚡️🎨

Profilbild von Malay Vasa

Malay Vasavor 2 Jahren

Update: We are now live! ⚡️✨

Profilbild von Fold

Foldvor 2 Jahren

@threejs @pmndrs

Profilbild von Anon 2.0

Anon 2.0vor 2 Jahren

@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?

Profilbild von Malay Vasa

Malay Vasavor 2 Jahren

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

Profilbild von Dima 🇺🇦

Dima 🇺🇦vor 2 Jahren

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

Profilbild von Grey

Greyvor 2 Jahren

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

Profilbild von Malay Vasa

Malay Vasavor 2 Jahren

@threejs @pmndrs Definitely something I should look into!

Profilbild von Yiwei Ho

Yiwei Hovor 2 Jahren

@threejs @pmndrs @pheralb_ 👀

Profilbild von Maxim Werthmann

Maxim Werthmannvor 2 Jahren

@threejs @pmndrs awesome 😍

Ähnliche Videos

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 Aufrufe • vor 1 Monat

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

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 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 11 Monaten

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

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

Design Chief Priest

28,825 Aufrufe • vor 6 Monaten

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

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 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 1 Monat

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.

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 Aufrufe • vor 1 Monat

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

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 Aufrufe • vor 1 Jahr

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:

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 Aufrufe • vor 6 Monaten

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

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 Aufrufe • vor 1 Jahr

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?

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 Aufrufe • vor 2 Monaten

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

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

Majid Manzarpour

222,239 Aufrufe • vor 20 Tagen

Using Fable to build myself a 3d mockup tool

Using Fable to build myself a 3d mockup tool

Daniel Destefanis

59,647 Aufrufe • vor 11 Tagen

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

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

Unbound

10,815 Aufrufe • vor 2 Monaten

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 🐍

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 Aufrufe • vor 4 Monaten

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:

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 Aufrufe • vor 6 Monaten

🎮 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

🎮 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 Aufrufe • vor 5 Monaten

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.

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 Aufrufe • vor 5 Monaten

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. ⚡️

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 Aufrufe • vor 1 Jahr