Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

7,727 subscribers

130,554 görüntüleme • 1 yıl önce •via X (Twitter)

OyunBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

Freddy profil fotoğrafı
Freddy1 yıl önce

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

Majid Manzarpour profil fotoğrafı
Majid Manzarpour1 yıl önce

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

RedDeer.Games profil fotoğrafı
RedDeer.Games4 yıl önce

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

Luke Van In 🎗️ profil fotoğrafı
Luke Van In 🎗️1 yıl önce

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

Majid Manzarpour profil fotoğrafı
Majid Manzarpour1 yıl önce

@threejs @GeminiApp @Mixamo Excellent guide here!

renderfiction profil fotoğrafı
renderfiction1 yıl önce

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

Majid Manzarpour profil fotoğrafı
Majid Manzarpour1 yıl önce

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

Chairman Mao profil fotoğrafı
Chairman Mao1 yıl önce

@threejs @GeminiApp @Mixamo Next level 🐐

Mark profil fotoğrafı
Mark1 yıl önce

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

Majid Manzarpour profil fotoğrafı
Majid Manzarpour1 yıl önce

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

Adam Hollander profil fotoğrafı
Adam Hollander1 yıl önce

@threejs @GeminiApp @Mixamo This is mind blowing.

Benzer Videolar

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 görüntüleme • 11 ay önce

Creating a 3D model with fal via Blender MCP, then exporting the 3d model back into Windsurf for our vibe-coded three.js game. All done via Cascade!
0:48

Creating a 3D model with fal via Blender MCP, then exporting the 3d model back into Windsurf for our vibe-coded three.js game. All done via Cascade!

Windsurf

56,319 görüntüleme • 1 yıl önce

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

219,541 görüntüleme • 4 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 1 yıl önce

Coded with Grok 4 – morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. 👇
0:26

Coded with Grok 4 – morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. 👇

Techartist

1,007,164 görüntüleme • 9 ay önce

How to convert 2D images to 3D assets you can use in your designs for free using AI.
2:24

How to convert 2D images to 3D assets you can use in your designs for free using AI.

Design Chief Priest

18,713 görüntüleme • 1 yıl önce

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,085 görüntüleme • 5 gün önce

We got on-demand asset creation for your vibe-coded, web-based three.js Sims game before GTA 6
0:27

We got on-demand asset creation for your vibe-coded, web-based three.js Sims game before GTA 6

Chris Tate

589,437 görüntüleme • 1 yıl önce

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 görüntüleme • 10 ay önce

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling
0:49

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling

Sabo Sugi

10,653 görüntüleme • 4 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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

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

Malay Vasa

221,839 görüntüleme • 2 yıl önce

Vibe coded a game character selection screen Everything here was made with AI tools Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI More details ↓
0:37

Vibe coded a game character selection screen Everything here was made with AI tools Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI More details ↓

Dilum Sanjaya

1,225,274 görüntüleme • 5 ay önce

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,212 görüntüleme • 1 ay önce

Ok, OpenAI GPT-4o can generate a 3-layer parallax background for your vibe coded video game in a single prompt 👇
0:38

Ok, OpenAI GPT-4o can generate a 3-layer parallax background for your vibe coded video game in a single prompt 👇

Majid Manzarpour

525,377 görüntüleme • 1 yıl önce

More possibilities for 3D creators, unlimited video uploads, only local computer math required, access to high quality FBX data at any time, when you don't need real-time capture, you can use the free upload video to generate FBX, will be released in April!
1:51

More possibilities for 3D creators, unlimited video uploads, only local computer math required, access to high quality FBX data at any time, when you don't need real-time capture, you can use the free upload video to generate FBX, will be released in April!

CYANPUPPETS

23,744 görüntüleme • 2 yıl önce

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,345 görüntüleme • 2 yıl önce