Загрузка видео...

Не удалось загрузить видео

На главную

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

chongdashu's profile picture

Chong-U

11,155 subscribers

105,101 просмотров • 4 месяцев назад •via X (Twitter)

ИгрыНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Prefer a video vs reading an article? Here's my full step-by-step tutorial for generating game character sprites using AI! > Codex > GPT 5.5 > Images 2.0 > Seedance 2.0 > Phaser 4 Includes solving walk cycles + transparency + consistency + others Prompts + more in reply 👇 00:00 Intro 01:08 Overview 01:33 Choosing your AI tool 02:11 Step 1: Box Art 02:51 Step 2: South-Facing Anchor 05:02 "Real Pixels" 07:00 Step 3: Keep Anchors Neutral 08:01 Step 4: NEWS Directions 09:52 Step 5: Animating with GPT Images 2.0 14:38 Step 6: Image to Video for Walkcycles 19:08 Step 7: Normalisation 20:54 Skill 1: animated-spritesheets skill 21:40 Skill 2: gamedev-assets skill 21:58 Step 8: Integrating Assets 22:42 Wrap-Up
23:25

Prefer a video vs reading an article? Here's my full step-by-step tutorial for generating game character sprites using AI! > Codex > GPT 5.5 > Images 2.0 > Seedance 2.0 > Phaser 4 Includes solving walk cycles + transparency + consistency + others Prompts + more in reply 👇 00:00 Intro 01:08 Overview 01:33 Choosing your AI tool 02:11 Step 1: Box Art 02:51 Step 2: South-Facing Anchor 05:02 "Real Pixels" 07:00 Step 3: Keep Anchors Neutral 08:01 Step 4: NEWS Directions 09:52 Step 5: Animating with GPT Images 2.0 14:38 Step 6: Image to Video for Walkcycles 19:08 Step 7: Normalisation 20:54 Skill 1: animated-spritesheets skill 21:40 Skill 2: gamedev-assets skill 21:58 Step 8: Integrating Assets 22:42 Wrap-Up

Chong-U

175,920 просмотров • 1 месяц назад

Here's how I use BOTH Codex + Claude Code to vibe code games For my Final Fantasy Tactics game: → 1. GPT 5.4/5.3-Codex/5.2 → 2. Opus 4.6 → 3. Nano Banana 2 → 4. Playwright → Plans + AskUserQuestion → Queue + interrupt prompts → Auto test + bug fixing FULL workflow👇 00:00 Intro 02:07 Step 1: Game Overview 03:27 Step 2: Nano Banana 2 for Portraits 05:12 Step 3: GPT 5.2 / 5.4 for Planning 09:56 Step 4: AskUserQuestion in Codex 12:02 Step 5: Saving your plans and prompts 13:43 Step 6: GPT 5.3-Codex for Implementing 16:34 Step 7: Implementing Cutscenes 20:49 Step 8: LazyGit + Yazi - Staying in the terminal 22:46 Step 9: Reviewing the changes 23:49 Step 10: Steering Codex - Queued Prompts 25:36 Steo 11: Steering Codex - Interrupt Prompts 26:45 Steo 12: Claude Code and Opus 4.6 27:16 Step 13: xHigh Reasoning for Tricky Bugs 28:50 Step 14: Playwright for automated testing + fixes 30:56 Step 15: Claude Code Plan Mode Previews 32:56 Step 16: Steering Claude Code - Add Notes to Plans 35:05 Wrap-Up
35:19

Here's how I use BOTH Codex + Claude Code to vibe code games For my Final Fantasy Tactics game: → 1. GPT 5.4/5.3-Codex/5.2 → 2. Opus 4.6 → 3. Nano Banana 2 → 4. Playwright → Plans + AskUserQuestion → Queue + interrupt prompts → Auto test + bug fixing FULL workflow👇 00:00 Intro 02:07 Step 1: Game Overview 03:27 Step 2: Nano Banana 2 for Portraits 05:12 Step 3: GPT 5.2 / 5.4 for Planning 09:56 Step 4: AskUserQuestion in Codex 12:02 Step 5: Saving your plans and prompts 13:43 Step 6: GPT 5.3-Codex for Implementing 16:34 Step 7: Implementing Cutscenes 20:49 Step 8: LazyGit + Yazi - Staying in the terminal 22:46 Step 9: Reviewing the changes 23:49 Step 10: Steering Codex - Queued Prompts 25:36 Steo 11: Steering Codex - Interrupt Prompts 26:45 Steo 12: Claude Code and Opus 4.6 27:16 Step 13: xHigh Reasoning for Tricky Bugs 28:50 Step 14: Playwright for automated testing + fixes 30:56 Step 15: Claude Code Plan Mode Previews 32:56 Step 16: Steering Claude Code - Add Notes to Plans 35:05 Wrap-Up

Chong-U

47,264 просмотров • 3 месяцев назад

I vibe coded a Street Fighter clone It's called VIBE FIGHTER Everything with AI > Code, Sprites, Animations, UI > Cursor with Opus 4.8 > GPT Image 2.0 > Grok Imagine Here's a FULL tutorial showing > Light/Heavy Hits > Blocking > Specials Resources + source code in reply 👇 00:00 Intro 01:13 This Video's Resources 01:58 What we're building 02:45 Step 1: Context 03:21 Step 2. Generating concept art and mockups 04:05 Step 3: Exracting the backgrounds 05:14 Step 4: Character references 06:18 Step 5: Character Sprites & Animations 09:24 Step 6: Build a Character Gym 12:04 Step 7: Build a Playground 14:06 Step 8: Generating menu portraits 15:00 Step 9: Core combat loop 15:27 Step 10: Generating UI & Health Bars 16:57 Step 11: Special Moves and Polish 18:14 Wrap Up
19:22

I vibe coded a Street Fighter clone It's called VIBE FIGHTER Everything with AI > Code, Sprites, Animations, UI > Cursor with Opus 4.8 > GPT Image 2.0 > Grok Imagine Here's a FULL tutorial showing > Light/Heavy Hits > Blocking > Specials Resources + source code in reply 👇 00:00 Intro 01:13 This Video's Resources 01:58 What we're building 02:45 Step 1: Context 03:21 Step 2. Generating concept art and mockups 04:05 Step 3: Exracting the backgrounds 05:14 Step 4: Character references 06:18 Step 5: Character Sprites & Animations 09:24 Step 6: Build a Character Gym 12:04 Step 7: Build a Playground 14:06 Step 8: Generating menu portraits 15:00 Step 9: Core combat loop 15:27 Step 10: Generating UI & Health Bars 16:57 Step 11: Special Moves and Polish 18:14 Wrap Up

Chong-U

24,005 просмотров • 20 дней назад

Live now. Full step-by-step tutorial for getting REAL pixel art game sprites with AI No more MIXELS! > GPT Image 2.0 > Pixel Snapper by SpriteFusion > Codex w/ GPT 5.5 High > Phaser 4 Also how I solve other annoying bugs with AI generated sprites. Prompts + more in reply👇 00:00 Intro 01:24 Overview of what we're building 02:42 Pick any AI tool 04:29 Problem 1: Fake pixels or 'mixels' 04:53 Problem 2: Frame Bleeds 05:39 Problem 3: Frame Drifts 06:21 Step 1: Generate a reference image 07:53 Step 2: Pixel Snap to Anchor 13:02 Step 3: Generate West-facing anchor 14:45 Step 4: Pixel snap (again!) 15:46 Step 5: Generating animation spritesheets 19:27 Steo 6: Recovering Frames 20:25 Step 7: Curating Frames 21:33 Step 8: Pixel Snap Each Frame 22:08 Step 9: Anchoring Frames 23:40 Step 10: Normalise and combine 26:28 Wrap up
27:08

Live now. Full step-by-step tutorial for getting REAL pixel art game sprites with AI No more MIXELS! > GPT Image 2.0 > Pixel Snapper by SpriteFusion > Codex w/ GPT 5.5 High > Phaser 4 Also how I solve other annoying bugs with AI generated sprites. Prompts + more in reply👇 00:00 Intro 01:24 Overview of what we're building 02:42 Pick any AI tool 04:29 Problem 1: Fake pixels or 'mixels' 04:53 Problem 2: Frame Bleeds 05:39 Problem 3: Frame Drifts 06:21 Step 1: Generate a reference image 07:53 Step 2: Pixel Snap to Anchor 13:02 Step 3: Generate West-facing anchor 14:45 Step 4: Pixel snap (again!) 15:46 Step 5: Generating animation spritesheets 19:27 Steo 6: Recovering Frames 20:25 Step 7: Curating Frames 21:33 Step 8: Pixel Snap Each Frame 22:08 Step 9: Anchoring Frames 23:40 Step 10: Normalise and combine 26:28 Wrap up

Chong-U

33,688 просмотров • 1 месяц назад

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,853 просмотров • 4 месяцев назад

Day 4 of Vibe Jam Here's a video of my FULL workflow from SCRATCH → From idea to working game → 2 x characters → 2 x levels → Combo system → Custom level editor → Polish & juice Phaser 4 + Codex + Claude Code Using skills from my vibe jam starter pack (link in reply)👇 If you are figuring out how to get started - this is the video for you! --- 00:00 Intro 01:31 Get the Vibe Jam Starter Pack 02:46 Step 1: Game Idea 04:39 Step 2: Game Assets 07:38 Step 3: Game Engine 08:39 Step 4: AI Tool 09:17 Step 5: Assets Index 11:31 Step 6: Basic Movement & Controls 13:37 Step 7: Game Loop / Mechanics 15:22 Step 8: Iterate and Extend on Foundations 17:28 Step 9: Polish & Juice 19:23 Step 10: Tooling & Level Editor 22:22 Wrap Up
23:04

Day 4 of Vibe Jam Here's a video of my FULL workflow from SCRATCH → From idea to working game → 2 x characters → 2 x levels → Combo system → Custom level editor → Polish & juice Phaser 4 + Codex + Claude Code Using skills from my vibe jam starter pack (link in reply)👇 If you are figuring out how to get started - this is the video for you! --- 00:00 Intro 01:31 Get the Vibe Jam Starter Pack 02:46 Step 1: Game Idea 04:39 Step 2: Game Assets 07:38 Step 3: Game Engine 08:39 Step 4: AI Tool 09:17 Step 5: Assets Index 11:31 Step 6: Basic Movement & Controls 13:37 Step 7: Game Loop / Mechanics 15:22 Step 8: Iterate and Extend on Foundations 17:28 Step 9: Polish & Juice 19:23 Step 10: Tooling & Level Editor 22:22 Wrap Up

Chong-U

22,817 просмотров • 2 месяцев назад

The AI Agent That Got Me YouTube Monetized (With OpenClaw): 0:00 - Intro 1:06 - Problem 2:35 - Solution 2:44 - Step 1: Outliers 4:08 - Step 2: Voice 4:47 - Step 3: Interview 6:40 - Step 4: Titles 7:50 - Step 5: Scripts 8:59 - Results 10:56 - GitHub Repo 11:41 - How To Install
12:39

The AI Agent That Got Me YouTube Monetized (With OpenClaw): 0:00 - Intro 1:06 - Problem 2:35 - Solution 2:44 - Step 1: Outliers 4:08 - Step 2: Voice 4:47 - Step 3: Interview 6:40 - Step 4: Titles 7:50 - Step 5: Scripts 8:59 - Results 10:56 - GitHub Repo 11:41 - How To Install

Sharbel

142,936 просмотров • 3 месяцев назад

I built a cyberpunk RPG where the loadout is my AI stack. Step 1: Nano Banana Pro → stylised character render Step 2: GPT Image 2 → UI screens and game menus Step 3: Seedance 2.0 → animated clips Step 4: CapCut → edit and sequence
0:28

I built a cyberpunk RPG where the loadout is my AI stack. Step 1: Nano Banana Pro → stylised character render Step 2: GPT Image 2 → UI screens and game menus Step 3: Seedance 2.0 → animated clips Step 4: CapCut → edit and sequence

Heather Cooper

12,012 просмотров • 1 месяц назад

Want to know how to vibe code games like these? - ThreeJS Claude Code / Codex Agent Skills - Nano Bana Pro - Game Design + Technical Design Specs - Opus 4.5 / Gpt 5.2 Here's my FULL step-by-step workflow 👇 Source code + agent .mds + playable links in reply
39:56

Want to know how to vibe code games like these? - ThreeJS Claude Code / Codex Agent Skills - Nano Bana Pro - Game Design + Technical Design Specs - Opus 4.5 / Gpt 5.2 Here's my FULL step-by-step workflow 👇 Source code + agent .mds + playable links in reply

Chong-U

235,779 просмотров • 5 месяцев назад

Here's how to actually start your solopreneur journey in 2026: Step 1: Pick a skill (design, copywriting, dev) Step 2: Freelance to learn what people pay for Step 3: Productize it ($5K for 5 app screens) Step 4: Spot the ONE feature clients keep asking for Step 5: Build a microSaaS around it Step 6: Use AI agents to fulfill delivery THE KEY: Each step compounds I'm rooting for you. Go ship something in 2026
0:43

Here's how to actually start your solopreneur journey in 2026: Step 1: Pick a skill (design, copywriting, dev) Step 2: Freelance to learn what people pay for Step 3: Productize it ($5K for 5 app screens) Step 4: Spot the ONE feature clients keep asking for Step 5: Build a microSaaS around it Step 6: Use AI agents to fulfill delivery THE KEY: Each step compounds I'm rooting for you. Go ship something in 2026

The Startup Ideas Podcast (SIP) 🧃

37,448 просмотров • 5 месяцев назад

As promised, here's my full workflow of how to vibe code 2d games like this: - PhaserJs skill for gamedev - Playwright skill for testing - Opus 4.5 / Gpt 5.2 - Claude Code / Codex CLI / Cursor Step-by-step video below👇 Source code + agent .mds + playable links in reply
32:21

As promised, here's my full workflow of how to vibe code 2d games like this: - PhaserJs skill for gamedev - Playwright skill for testing - Opus 4.5 / Gpt 5.2 - Claude Code / Codex CLI / Cursor Step-by-step video below👇 Source code + agent .mds + playable links in reply

Chong-U

179,660 просмотров • 5 месяцев назад

The first AI design agent with Nano Banana has dropped. It combines major models for image, video, and 3D asset generation all in one place. You can also edit the images, generate music, and even voiceovers! Step-by-step tutorial 👇
0:37

The first AI design agent with Nano Banana has dropped. It combines major models for image, video, and 3D asset generation all in one place. You can also edit the images, generate music, and even voiceovers! Step-by-step tutorial 👇

Alvaro Cintas

158,854 просмотров • 9 месяцев назад

Here's a full video walkthrough of generating FF Tactics-style isometric sprites → Codex → GPT 5.4 → GPT Image 1.5 → Nano Banana 2 → Veo 3.1 I also made a fal .ai skill to easily switch models for image generation testing. Sharing skills + prompts + resources in reply 👇 00:00 Intro 01:19 Start With Reference Image 04:06 GPT Image 1.5 vs Nano Banana 2 04:23 Handling Transparency 05:21 Don't Generate All 8 Directions 06:17 Generate 4 Cardinal Directions (N, E, S, W) 07:12 Anchor + Cardinals = Diagonals 08:15 Stitching and Utilities 10:48 Veo 3.1 for Walk Cycles 11:23 Example Walkthrough with Codex App 13:22 Normalize and Export 14:06 Wrap Up
14:32

Here's a full video walkthrough of generating FF Tactics-style isometric sprites → Codex → GPT 5.4 → GPT Image 1.5 → Nano Banana 2 → Veo 3.1 I also made a fal .ai skill to easily switch models for image generation testing. Sharing skills + prompts + resources in reply 👇 00:00 Intro 01:19 Start With Reference Image 04:06 GPT Image 1.5 vs Nano Banana 2 04:23 Handling Transparency 05:21 Don't Generate All 8 Directions 06:17 Generate 4 Cardinal Directions (N, E, S, W) 07:12 Anchor + Cardinals = Diagonals 08:15 Stitching and Utilities 10:48 Veo 3.1 for Walk Cycles 11:23 Example Walkthrough with Codex App 13:22 Normalize and Export 14:06 Wrap Up

Chong-U

193,275 просмотров • 3 месяцев назад

Step 1. Announce arbitrary tariffs for each country Step 2. When markets crash, pause those tariffs and say they're just leverage for deals Step 3. Promise deals Step 4. Fail to make deals Step 5. Return to Step 1: Announce arbitrary tariffs for each country
2:01

Step 1. Announce arbitrary tariffs for each country Step 2. When markets crash, pause those tariffs and say they're just leverage for deals Step 3. Promise deals Step 4. Fail to make deals Step 5. Return to Step 1: Announce arbitrary tariffs for each country

Justin Wolfers

368,914 просмотров • 1 год назад

I took a screen recording for anyone who wishes to appeal their payment pause. Step 1 - click monetization Step 2 - click learn more Step 3 - click top left "X help center" Step 4 - type "appeal" Step 5 - click "appeal suspended revenue sharing" Step 6 - click it again
0:23

I took a screen recording for anyone who wishes to appeal their payment pause. Step 1 - click monetization Step 2 - click learn more Step 3 - click top left "X help center" Step 4 - type "appeal" Step 5 - click "appeal suspended revenue sharing" Step 6 - click it again

@sage

28,326 просмотров • 1 год назад

F*ck it. Full Etsy Dropshipping Guide. 01:28 Step 1 - Account + Store 06:29 Step 2 - Product Research 16:11 Step 3 - Listing Products 21:00 Step 4 - Traffic/Ads 26:15 Step 5 - Shipping Out Products 30:25 Step 6 - Customer Service 35:25 Step 7 - Scaling Your Store 38:41 Step 8 - Optimising Your Store Thank me when you make your first $10k
43:37

F*ck it. Full Etsy Dropshipping Guide. 01:28 Step 1 - Account + Store 06:29 Step 2 - Product Research 16:11 Step 3 - Listing Products 21:00 Step 4 - Traffic/Ads 26:15 Step 5 - Shipping Out Products 30:25 Step 6 - Customer Service 35:25 Step 7 - Scaling Your Store 38:41 Step 8 - Optimising Your Store Thank me when you make your first $10k

Craig

12,307 просмотров • 2 лет назад

With Nano Banana, your product campaign is ready in minutes. Here’s a step by step guide: 1. Drop an image for style reference. Analyze and extract the style by GPT-5.
0:24

With Nano Banana, your product campaign is ready in minutes. Here’s a step by step guide: 1. Drop an image for style reference. Analyze and extract the style by GPT-5.

FLORA ©

92,156 просмотров • 10 месяцев назад

How to start your Hermes AI Agent (step-by-step guide for beginners) I'm a beginner, and I spent the last 24h: > Understanding the process > Launching my Hermes Agent (Nous Research) > Recording the whole process > Editing this step-by-step guide So you can do it yourself and understand everything in less than 1 hour! 00:00 Intro 00:38 What is Hermes ? Key concepts every beginner should know 01:16 What is a VPS ? 02:00 What is SSH ? 03:52 What is the Terminal ? 04:03 What is an LLM provider ? 04:37 What is an API key ? 04:52 What is the Terminal Backend 05:34 What is the Messaging Gateway ? 06:10 What is the Memory System ? Step-by-step: Launch your Hermes AI agent 06:53 Step 1 : Get your VPS 08:04 How to generate an SSH key 09:00 Step 2 : Connect to your VPS 10:32 Step 3 : Install Hermes Agent 14:34 Connect your agent to Telegram 17:12 How to fix a mistake during the process 17:48 Gateway testing 18:17 Telegram is working 18:31 Run your agent 24/7 19:16 Thank you Make sure to save this for later and share it with friends who want to start with AI agents. Thanks to Teknium 🪽 for being so active!
20:04

How to start your Hermes AI Agent (step-by-step guide for beginners) I'm a beginner, and I spent the last 24h: > Understanding the process > Launching my Hermes Agent (Nous Research) > Recording the whole process > Editing this step-by-step guide So you can do it yourself and understand everything in less than 1 hour! 00:00 Intro 00:38 What is Hermes ? Key concepts every beginner should know 01:16 What is a VPS ? 02:00 What is SSH ? 03:52 What is the Terminal ? 04:03 What is an LLM provider ? 04:37 What is an API key ? 04:52 What is the Terminal Backend 05:34 What is the Messaging Gateway ? 06:10 What is the Memory System ? Step-by-step: Launch your Hermes AI agent 06:53 Step 1 : Get your VPS 08:04 How to generate an SSH key 09:00 Step 2 : Connect to your VPS 10:32 Step 3 : Install Hermes Agent 14:34 Connect your agent to Telegram 17:12 How to fix a mistake during the process 17:48 Gateway testing 18:17 Telegram is working 18:31 Run your agent 24/7 19:16 Thank you Make sure to save this for later and share it with friends who want to start with AI agents. Thanks to Teknium 🪽 for being so active!

Theo

33,099 просмотров • 3 месяцев назад

Build an AI video empire in 5 steps: → Step 1: Connect N8N to Veo 3 API → Step 2: Set up idea generation workflow → Step 3: Automate prompt engineering for videos → Step 4: Create Fal integration for rendering → Step 5: Add auto-posting to all platforms Cost per video: $6 Time invested: 2 minutes setup Videos generated: Unlimited Save this video, you'll scale content like never before. Want the SOP? DM me. 💬
58:17

Build an AI video empire in 5 steps: → Step 1: Connect N8N to Veo 3 API → Step 2: Set up idea generation workflow → Step 3: Automate prompt engineering for videos → Step 4: Create Fal integration for rendering → Step 5: Add auto-posting to all platforms Cost per video: $6 Time invested: 2 minutes setup Videos generated: Unlimited Save this video, you'll scale content like never before. Want the SOP? DM me. 💬

Julian Goldie SEO

21,873 просмотров • 1 год назад

How to 10x your Cursor workflow? Many people struggle to get Cursor produce error free projects Here is my workflow to rebuild a $1 million micros Sass with ease: 1. O1 to prep doc with file tree & dependencies 2. Use Cursor for functionality & v0 for UI touch up 3. Use templates for modular functions like auth, payment, etc. 4. Use Helicone to monitor LLM usage 5. ... 0:00 Intro & Setup 2:25 Step 1 - Plan & Prep PRD 16:57 Step 2 - Build frontend 22:34 Step 3 - Connect LLM monitoring platform 25:44 Step 4 - Build backend - Supabase 37:26 Step 5 - UI Touch up Join my community where I share AI building tips weekly:
42:43

How to 10x your Cursor workflow? Many people struggle to get Cursor produce error free projects Here is my workflow to rebuild a $1 million micros Sass with ease: 1. O1 to prep doc with file tree & dependencies 2. Use Cursor for functionality & v0 for UI touch up 3. Use templates for modular functions like auth, payment, etc. 4. Use Helicone to monitor LLM usage 5. ... 0:00 Intro & Setup 2:25 Step 1 - Plan & Prep PRD 16:57 Step 2 - Build frontend 22:34 Step 3 - Connect LLM monitoring platform 25:44 Step 4 - Build backend - Supabase 37:26 Step 5 - UI Touch up Join my community where I share AI building tips weekly:

Jason Zhou

156,634 просмотров • 1 год назад