Vibe Code a Steampunk Platformer Game and Sprites With AI - Here's How.
🚀 Try Out n8n For Yourself Today! ► https://aiod.dev/wef 🕹️ VibeGameDev — My AI Game Dev Skills & Playbook ► https://aiod.dev/byw 🧰 This Video's FREE resources (prompt templates + code) ► https://aiod.dev/71f 🚀 Get My FULL AI Builder System (ALL ACCESS) ► https://aiod.dev/zeq This week, I vibe coded everything in a 2D steampunk platformer called Robin Chute. Every sprite. Every animation. Every enemy AI. All AI generated. Robin Chute is a sidescrolling platformer where you collect gear pickups, reach the goal, and avoid AI-driven enemies — a pipe-spitting turret and a chase-and-attack scavenger bot. If you've ever wanted to build your own 2D platformer from scratch — with AI-generated art, animations, and even AI-driven enemies — this video is for you. For other videos, check out my ULTIMATE Vibe Coding Game Dev Playlist ► https://aiod.dev/21w 🚀 WHAT YOU'LL LEARN • How to build parallax backgrounds without colors that compete with the gameplay layer • The character gym pattern — visualising collision bounds, attack bounds, and per-frame hit detection • Building an asset atlas + JSON manifest for props, pickups, and platforms • Why Grok Imagine is currently the best tool for AI game animations (and the 1-second clip rule) • The element editor gym — tuning collision strips so characters don't float above platforms • Building a level editor that saves levels to JSON for persistence and sharing • AI enemy patterns — static turret with detection radius vs same-platform scavenger AI • Tuning knockback, chase speed, and recovery cooldowns for readable combat • Generating a chroma-key HUD with image gen (portrait + health bar) • Picking a poster-style splash screen vs an in-game-looking one • How the whole thing fits together — concept → anchor → sheet → atlas → gym → level → game 🕒 TIMESTAMPS 00:00 Intro 01:03 Video Resources 03:28 Gameplay Loop Showcase 04:16 Tooling and Visual Target 05:50 Parallax Background Lessons 07:33 Player Sprite Pipeline 08:12 Generating Pixel Snapped Anchors 09:05 Animating from anchors 09:59 Character Gym 12:38 Playground Gym 13:13 Tilemaps and atlases 15:03 Element Editor Gym 16:59 Build a playground level 17:32 Build a level editor 22:39 Enemy Tuning and Behaviors 23:41 UI HUD and Splash Screen 24:34 Adding splash screen art 25:13 Wrap Up and Play Link 🔗 LINKS • Grok Imagine: https://grok.com • Phaser: https://phaser.io • Codex: https://chatgpt.com/codex • fal.ai: https://fal.ai • Sprite Fusion Pixel Snapper: https://github.com/SpriteFusion/Sprite-Fusion-Pixel-Snapper #vibegamedev #aigamedev #vibecoding #claudecode #codex #grokimagine #phaser #gamedev #indiedev #aigame #automation #aitools #steampunk #platformer #aianimation #vibecode #devlog #howto