Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

majidmanzarpour's profile picture

Majid Manzarpour

8,093 subscribers

130,624 Aufrufe • vor 1 Jahr •via X (Twitter)

GamingWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Freddy
Freddyvor 1 Jahr

@threejs @GeminiApp @Mixamo Trellis is good, but meshy usually gives me slightly better results when doing image to model.

Profilbild von Majid Manzarpour
Majid Manzarpourvor 1 Jahr

@threejs @GeminiApp @Mixamo Meshy is quite good! I like TRELLIS because it's free

Profilbild von RedDeer.Games
RedDeer.Gamesvor 4 Jahren

Customise the colours yourself or simply connect the Joy-Cons ! Head to ➡️ for more details about #AAAClock ! #indiedev #indiegame #IndieGameDev #nintendo #OLED #switchOLED

Profilbild von Luke Van In 🎗️
Luke Van In 🎗️vor 1 Jahr

@threejs @GeminiApp @Mixamo I did a step by step breakdown last week:

Profilbild von Majid Manzarpour
Majid Manzarpourvor 1 Jahr

@threejs @GeminiApp @Mixamo Excellent guide here!

Profilbild von renderfiction
renderfictionvor 1 Jahr

@threejs @GeminiApp @Mixamo Good workflow. Do you plan on making this game an MMORPG?

Profilbild von Majid Manzarpour
Majid Manzarpourvor 1 Jahr

@threejs @GeminiApp @Mixamo Yep! Check my profile for more progress

Profilbild von Chairman Mao
Chairman Maovor 1 Jahr

@threejs @GeminiApp @Mixamo Next level 🐐

Profilbild von Mark
Markvor 1 Jahr

@threejs @GeminiApp @Mixamo Huh, interesting Gemini doesn't understand T-Pose versus the A-Pose.

Profilbild von Majid Manzarpour
Majid Manzarpourvor 1 Jahr

@threejs @GeminiApp @Mixamo Yeah sometimes it works based on the prompt, but it doesn't seem to matter for TRELLIS

Profilbild von Adam Hollander
Adam Hollandervor 1 Jahr

@threejs @GeminiApp @Mixamo This is mind blowing.

Ähnliche Videos

Introducing mcp-three An MCP server for Three.js made with xmcp Add toolkit for your AI to work with .gltf/.glb files: ✅ Understand model structure and animations ✅ Generate types & code with gltfjsx ✅ Less bugs when working with AI & 3D files Instructions below 🧵
0:39

Introducing mcp-three An MCP server for Three.js made with xmcp Add toolkit for your AI to work with .gltf/.glb files: ✅ Understand model structure and animations ✅ Generate types & code with gltfjsx ✅ Less bugs when working with AI & 3D files Instructions below 🧵

Matias 🧉

30,782 Aufrufe • vor 1 Jahr

It started as ThreeJS 3d character demo... Now it's become a FULLY vibe coded point & click 2.5 adventure game engine! → 1. NBP for Character Art → 2. NBP + Seedance for Bg → 3. Meshy for Rigged Characters → 4. Codex 5.3 + Opus 4.6 for game → 5. CapacitorJs for mobile 👇
0:30

It started as ThreeJS 3d character demo... Now it's become a FULLY vibe coded point & click 2.5 adventure game engine! → 1. NBP for Character Art → 2. NBP + Seedance for Bg → 3. Meshy for Rigged Characters → 4. Codex 5.3 + Opus 4.6 for game → 5. CapacitorJs for mobile 👇

Chong-U

220,035 Aufrufe • vor 5 Monaten

Making Games with AI Tools, Part 3 Vibe coded another layout for the game UI Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI
0:35

Making Games with AI Tools, Part 3 Vibe coded another layout for the game UI Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI

Dilum Sanjaya

50,904 Aufrufe • vor 6 Monaten

Here's a step-by-step video tutorial of how I vibe coded my point & click adventure game! → 1. Nano Banana Pro → 2. Meshy → 3. Codex 5.3 → 4. Capacitor This part 1 covers: → Generate 3D models → ThreeJS integration → Building for iOS Agent skills + prompts in reply! --- 00:00 Intro 01:40 What We'll Be Building 02:08 Step 1: Nano Banana Pro for Character Art 04:36 Step 2: Meshy for Image to 3D 09:51 Step 3: GLB Export 12:14 Step 4: ThreeJS Skill for GLB Index 15:56 Step 5: ThreeJS Skill for Scene 18:07 Step 6: CapacitorJS Skill for Mobile 19:41 Step 7: Build for iOS 21:06 Wrap Up
22:05

Here's a step-by-step video tutorial of how I vibe coded my point & click adventure game! → 1. Nano Banana Pro → 2. Meshy → 3. Codex 5.3 → 4. Capacitor This part 1 covers: → Generate 3D models → ThreeJS integration → Building for iOS Agent skills + prompts in reply! --- 00:00 Intro 01:40 What We'll Be Building 02:08 Step 1: Nano Banana Pro for Character Art 04:36 Step 2: Meshy for Image to 3D 09:51 Step 3: GLB Export 12:14 Step 4: ThreeJS Skill for GLB Index 15:56 Step 5: ThreeJS Skill for Scene 18:07 Step 6: CapacitorJS Skill for Mobile 19:41 Step 7: Build for iOS 21:06 Wrap Up

Chong-U

105,101 Aufrufe • vor 5 Monaten

Bring your 2D characters to life in Threejs! ▫️Generate a 3D model from a 2D IMG (TRELLIS) ▫️Rig & animate effortlessly w/ Mixamo ▫️Merge animations into one mesh in #Blender ▫️Load into a Threejs scene Editor: #threejs #gamedev #vibejam #vibecoding
7:25

Bring your 2D characters to life in Threejs! ▫️Generate a 3D model from a 2D IMG (TRELLIS) ▫️Rig & animate effortlessly w/ Mixamo ▫️Merge animations into one mesh in #Blender ▫️Load into a Threejs scene Editor: #threejs #gamedev #vibejam #vibecoding

renderfiction

58,955 Aufrufe • vor 1 Jahr

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:
0:29

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:

Jerrod Lew

33,687 Aufrufe • vor 1 Monat

Just built Openjourney 🚀 a vibe coded UI inspired by MidJourney built with Cursor and Replit for you to plug in your favorite models. Generate images with Imagen 4, animate them with Veo 3 or generate videos with sound. Fully open source for you to customize. Links below 👇
2:26

Just built Openjourney 🚀 a vibe coded UI inspired by MidJourney built with Cursor and Replit for you to plug in your favorite models. Generate images with Imagen 4, animate them with Veo 3 or generate videos with sound. Fully open source for you to customize. Links below 👇

Ammaar Reshi

52,820 Aufrufe • vor 11 Monaten

AI motion capture is levelling up AGI Mocap can generate character rigging for your 3D models in real time, and you can export to 3D softwares directly
0:28

AI motion capture is levelling up AGI Mocap can generate character rigging for your 3D models in real time, and you can export to 3D softwares directly

el.cine

88,519 Aufrufe • vor 1 Jahr

Whipping up a 3D mesh for a solid "Wonderbox-style" character in 15 minutes. Here's the flow: 1. Train a custom style on Scenario (on a few "Wonderbox" characters) 2. Live-generate a "front + back view" in real time (Scenario Live). 3. Export each pose 4. Generate the mesh with toad 3D 2.0 MV Ridiculously fast. 🚀
0:49

Whipping up a 3D mesh for a solid "Wonderbox-style" character in 15 minutes. Here's the flow: 1. Train a custom style on Scenario (on a few "Wonderbox" characters) 2. Live-generate a "front + back view" in real time (Scenario Live). 3. Export each pose 4. Generate the mesh with toad 3D 2.0 MV Ridiculously fast. 🚀

Emm | scenario.com

17,485 Aufrufe • vor 1 Jahr

Built this in 2 hours 😂 I asked chatGPT to generate the 2d assets, used Tripo to generate the 3d version, then I used #threejs for the game dev. its just starting, a lot can be done here.
0:27

Built this in 2 hours 😂 I asked chatGPT to generate the 2d assets, used Tripo to generate the 3d version, then I used #threejs for the game dev. its just starting, a lot can be done here.

Ibrahim Boona

41,349 Aufrufe • vor 2 Monaten

Midjourney-to-3D is now available! (Indeed, you can convert any 2D image to 3D) Please note that, for now, you'll need to manually set a depth map for your image in order to view its correct 3D version. (You can use to generate the depth map) But... stay tuned! We'll soon be offering instant 3D conversion for any image. *This is just an experimental version, and any feedback or videos of your results would be really interesting to see!
0:31

Midjourney-to-3D is now available! (Indeed, you can convert any 2D image to 3D) Please note that, for now, you'll need to manually set a depth map for your image in order to view its correct 3D version. (You can use to generate the depth map) But... stay tuned! We'll soon be offering instant 3D conversion for any image. *This is just an experimental version, and any feedback or videos of your results would be really interesting to see!

Cristian Peñas ░░░░░░░░

445,367 Aufrufe • vor 3 Jahren

This Sims-like game made with Unreal Engine 5 allows you to import custom 3D objects into your world. What are your thoughts on inZOI? #gamescom2024
0:21

This Sims-like game made with Unreal Engine 5 allows you to import custom 3D objects into your world. What are your thoughts on inZOI? #gamescom2024

IGN

181,336 Aufrufe • vor 1 Jahr

Vibe coding a 3d racing game with cursor and sonnet 3.7 🚗 AI understands three.js quite well but struggles with cannon.js for better physics (on it). Also tried grok and replit, but sticking to cursor + claude for now. Super fun 🤪
0:53

Vibe coding a 3d racing game with cursor and sonnet 3.7 🚗 AI understands three.js quite well but struggles with cannon.js for better physics (on it). Also tried grok and replit, but sticking to cursor + claude for now. Super fun 🤪

Skirmantas Januškas 📡

218,675 Aufrufe • vor 1 Jahr

Introducing Move One, an easy way to capture and create 3D animations with just a phone #MadeWithMove 🎥 Capture motion anywhere with a single camera ⚡️ Get your data back in minutes 🤖 Animate 3D characters Try for free👇
0:21

Introducing Move One, an easy way to capture and create 3D animations with just a phone #MadeWithMove 🎥 Capture motion anywhere with a single camera ⚡️ Get your data back in minutes 🤖 Animate 3D characters Try for free👇

Move AI

67,525 Aufrufe • vor 2 Jahren

✨ I can now generate 3d assets for my drone sim at directly from Cursor (sponsor of #vibejam) I need buildings that you'd see in a war torn city, like warehouses in ruins, broken down abandoned houses, bombed out bridges etc. Nano Banana Pro or 2 can generate them really well and then you can put them in an image-to-3d model and you get a GLB or FBX That one you can then import into your Three.js game, the models might be big though, in my case like 16MB, so I ask it to compress it and make it more low poly so it loads fast ThreeJS then loads the individual GLBs on page load and puts them in my drone sim somewhere randomly, I think I should remove some of the grass and match the sandy color of the ruins though to make it fit in more
0:20

✨ I can now generate 3d assets for my drone sim at directly from Cursor (sponsor of #vibejam) I need buildings that you'd see in a war torn city, like warehouses in ruins, broken down abandoned houses, bombed out bridges etc. Nano Banana Pro or 2 can generate them really well and then you can put them in an image-to-3d model and you get a GLB or FBX That one you can then import into your Three.js game, the models might be big though, in my case like 16MB, so I ask it to compress it and make it more low poly so it loads fast ThreeJS then loads the individual GLBs on page load and puts them in my drone sim somewhere randomly, I think I should remove some of the grass and match the sandy color of the ruins though to make it fit in more

@levelsio

134,777 Aufrufe • vor 3 Monaten

gemini 3 flash is so crazy.. it can generate code for an interactive 3d car racing game in ~1 min, control speed and direction with hands, no need code, just text prompts its 100% free & a lot faster than 3 pro how to improve this, anyone?
0:51

gemini 3 flash is so crazy.. it can generate code for an interactive 3d car racing game in ~1 min, control speed and direction with hands, no need code, just text prompts its 100% free & a lot faster than 3 pro how to improve this, anyone?

el.cine

114,398 Aufrufe • vor 6 Monaten

Day 4 of building my cozy fishing game with Three.js. Let’s support each other! If you follow and repost, I will feature you in development videos and credit you in the final game with your X URL. Today I added Three.js for their support and Bruno Simon for the inspiration to start using three.js. Also improved the boat model, navigation, added a cargo ship and supporter buoys.
0:39

Day 4 of building my cozy fishing game with Three.js. Let’s support each other! If you follow and repost, I will feature you in development videos and credit you in the final game with your X URL. Today I added Three.js for their support and Bruno Simon for the inspiration to start using three.js. Also improved the boat model, navigation, added a cargo ship and supporter buoys.

Leon

17,795 Aufrufe • vor 1 Jahr

GPT-4o Image Generation to Part-based 3D Characters with PBR, in under 10 minutes ⚡️ Workflow: 🎨 Prompt GPT-4o to get an image (e.g., "3D asset of a styled character with all parts laid on a sheet for image to 3D") 🧩 Use CSM AI's Part-based tool to generate parts and assemble in Blender.
0:48

GPT-4o Image Generation to Part-based 3D Characters with PBR, in under 10 minutes ⚡️ Workflow: 🎨 Prompt GPT-4o to get an image (e.g., "3D asset of a styled character with all parts laid on a sheet for image to 3D") 🧩 Use CSM AI's Part-based tool to generate parts and assemble in Blender.

Common Sense Machines

441,761 Aufrufe • vor 1 Jahr

Turn vectors into 3D renders in Figma, here's how: 1. Open the 'Unblocked AI' plugin in Figma 2. Go to Structure 3. Select your layer 4. Hit generate Enjoy!
0:26

Turn vectors into 3D renders in Figma, here's how: 1. Open the 'Unblocked AI' plugin in Figma 2. Go to Structure 3. Select your layer 4. Hit generate Enjoy!

Hüseyin Gayıran

11,673 Aufrufe • vor 1 Jahr

Another use case with Nano Banana Pro (Video is fully narrated so don't forget to turn on the sound 🔊) Image to 3D Model For 3D Printing 1 - Generate an image of a vinyl toy character. I generated a character called Peelbert. 2 - Generate multiple outfits for Peelbert while retaining consistency. Nano Banana Pro's consistency and understanding of outfit changes is superb. 3 - Use Hunyuan 3.0 to do image to 3D model 4 - Save as STL and 3D Print. Nano Banana Pro to the real world 👍
2:08

Another use case with Nano Banana Pro (Video is fully narrated so don't forget to turn on the sound 🔊) Image to 3D Model For 3D Printing 1 - Generate an image of a vinyl toy character. I generated a character called Peelbert. 2 - Generate multiple outfits for Peelbert while retaining consistency. Nano Banana Pro's consistency and understanding of outfit changes is superb. 3 - Use Hunyuan 3.0 to do image to 3D model 4 - Save as STL and 3D Print. Nano Banana Pro to the real world 👍

Travis Davids

44,133 Aufrufe • vor 7 Monaten