Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

180,512 Aufrufe • vor 8 Monaten •via X (Twitter)

55 Kommentare

Profilbild von Chong-U
Chong-Uvor 8 Monaten

You can play a demo of the build hosted on my @OneVibeAMonth entry here: Includes: - Playable Link - Source Code - Agent .mds for phaser and playwright

Profilbild von Chong-U
Chong-Uvor 8 Monaten

You can watch it on YouTube as well - my channel contains many other things related to vibe coding and using AI tools like Claude Code, Codex, Cursor and more.

Profilbild von Chong-U
Chong-Uvor 8 Monaten

If you want my complete AI building workflow, including skills, subagents, commands and more, check out

Profilbild von Paul Bellow (LitRPG Adventures)
Paul Bellow (LitRPG Adventures)vor 8 Monaten

here's what i tinkered to life (hate term vibe coding lol) HTML5 (canvas) + vanilla jscript + CSS

Profilbild von Chong-U
Chong-Uvor 8 Monaten

Looks cool!

Profilbild von Paul Bellow (LitRPG Adventures)
Paul Bellow (LitRPG Adventures)vor 8 Monaten

Thanks! I gotta admit I paused before following cause i thought I read @lightFURRYgames in your profile lmao... realized it's not and followed! ;) Continued success, sir.

Profilbild von Lovis Odin
Lovis Odinvor 8 Monaten

You are creating everything with AI , but not your asset ? Why ? Try ;)

Profilbild von Chong-U
Chong-Uvor 8 Monaten

Thanks! Still investigating possibilities for creating assets so will check it out

Profilbild von Johannes Tscharn
Johannes Tscharnvor 8 Monaten

@OdinLovis Checkout for assets - I made it for myself to have animated characters/vfx in 2D games

Profilbild von Chong-U
Chong-Uvor 8 Monaten

@OdinLovis Ooh neat!

Profilbild von cortopolis
cortopolisvor 8 Monaten

Use tidewave and you won’t need playwright and you will move much more quickly.

Profilbild von Chong-U
Chong-Uvor 8 Monaten

Never used it before, so thanks for the rec !

Profilbild von Wayne Sutton
Wayne Suttonvor 8 Monaten

@RayFernando1337 game setup!

Profilbild von Eve
Evevor 8 Monaten

why aren't you using ai for assets/animations?

Profilbild von Matterhorn.so
Matterhorn.sovor 8 Monaten

Vibe coding full 2D games with skills + testing is wild. Onchain games add audits + multi-chain deploys to the mix. Matterhorn turns game prompts into production, multi-chain fast.

Profilbild von Not Harris | Builds Apps
Not Harris | Builds Appsvor 8 Monaten

That looks amazing, you can’t use phaser for an iPhone app can you?

Profilbild von Chong-U
Chong-Uvor 8 Monaten

This is the closest I've found: I will investigate

Profilbild von Md. Pieash
Md. Pieashvor 8 Monaten

Hey, great job bro I want more videos

Profilbild von Chong-U
Chong-Uvor 8 Monaten

Thanks ! I will be making more videos and posting on X.

Profilbild von Md. Pieash
Md. Pieashvor 8 Monaten

I want to build a 1 vs 1 game like Losing HP in punch,kick, special move.... If you give a video in this,it will be easy for me

Profilbild von heynav
heynavvor 8 Monaten

Even lazier way: take his tweets + generate a free .txt transcript of the 30 min video and feed it to cursor. transcript.txt and tweets.txt + prompt prompt = review the transcript.txt & tweets.txt and learn what hes talking about and show me you understand so we can build a new game

Profilbild von Send it Highor
Send it Highorvor 8 Monaten

ok interesting ty

Profilbild von Chong-U
Chong-Uvor 8 Monaten

Thank you too!

Profilbild von Sebastian Buzdugan
Sebastian Buzduganvor 8 Monaten

phaser plus playwright is such an underrated combo

Profilbild von markus
markusvor 8 Monaten

pov: you are an expedition 33 dev

Profilbild von Chie Waters 🌊
Chie Waters 🌊vor 8 Monaten

I need this for my game. Will check, thanks. 😊

Profilbild von Chong-U
Chong-Uvor 8 Monaten

Thanks!

Profilbild von wolfaidev 🐺
wolfaidev 🐺vor 8 Monaten

repo not found :(

Profilbild von Chong-U
Chong-Uvor 8 Monaten

D' oh! Fixed now!

Profilbild von Phillip Marashian
Phillip Marashianvor 8 Monaten

Rock on man, keep up the great work!

Profilbild von Chong-U
Chong-Uvor 8 Monaten

Thanks Phillip!

Profilbild von H2crypto 🦄
H2crypto 🦄vor 8 Monaten

Thanks for sharing! Inspired me a lot 🙏🏼

Profilbild von AI with Eric
AI with Ericvor 8 Monaten

Wow sick

Profilbild von Tale Weaver
Tale Weavervor 8 Monaten

Cool. I haven't tried PhaserJs yet. Do you mix it with Angular? I'm thinking server side multiplayer, I must investigate. Thank you.

Profilbild von Chong-U
Chong-Uvor 8 Monaten

No angular, just phaser for now

Profilbild von Tale Weaver
Tale Weavervor 8 Monaten

Thank you.

Profilbild von JC Castaneda
JC Castanedavor 8 Monaten

you deserve a follow, im inspired by this to do game dev w my 2 kids

Profilbild von Chong-U
Chong-Uvor 8 Monaten

Thank you very much! And yes, I think game dev'ing with kids is a great activity!

Profilbild von MAGUID
MAGUIDvor 8 Monaten

Vibe coding 2D games = next-level

Profilbild von Ditectrev
Ditectrevvor 8 Monaten

Nice share!

Profilbild von Chong-U
Chong-Uvor 8 Monaten

Thanks!

Profilbild von Phương🧸
Phương🧸vor 8 Monaten

impressive lineup, curious how stable phaser feels paired with that many ai tools

Profilbild von imam
imamvor 8 Monaten

Hey it looks cool, does the game run on Android/ios?

Profilbild von Chong-U
Chong-Uvor 8 Monaten

No, I am figuring it out :)

Profilbild von Jithin Palepu
Jithin Palepuvor 8 Monaten

vibecode 2d game workflow is 🔥 PhaserJS + Claude Code + Playwright. blank screen to working game in prompts. the agent skills future is here

Profilbild von Ibrahim
Ibrahimvor 8 Monaten

@stupidfoolman nyoh badalah gasken ae ki

Profilbild von Franci Penov
Franci Penovvor 8 Monaten

Does playwright deal with three.js well? Also, did you try agent-browser with headed mode instead of directly using playwright?

Profilbild von Bitcoin Maverick
Bitcoin Maverickvor 8 Monaten

Thanks for posting the YouTube link

Profilbild von Mykhailo Sorochuk
Mykhailo Sorochukvor 8 Monaten

Nice workflow. Any go-to test scenario you start with in Playwright?

Profilbild von Rose
Rosevor 8 Monaten

the step-by-step breakdown is really helpful. curious how you handle edge cases when the AI generates something that *looks* right but breaks in weird ways?

Profilbild von wojack | SuiTonku Guy
wojack | SuiTonku Guyvor 8 Monaten

how do u debug? LLMs tend to use screenshots, but it’s not good for games bcs the screen keep changes.

Profilbild von Chong-U
Chong-Uvor 8 Monaten

Screenshots over a period of time. But agree it’s not robust

Profilbild von Himanshu Kumar
Himanshu Kumarvor 8 Monaten

@chongdashu, your workflow offers a great way to approach 2D game development, especially with the tools you've listed.

Profilbild von Alex Yarosh · AI expert · CEO of AI Studio
Alex Yarosh · AI expert · CEO of AI Studiovor 6 Monaten

Genuine question: how do you handle the Phaser/Playwright integration when game state gets complex? That's where most of these workflows break down in my experience.

Profilbild von Mitchell Agoma
Mitchell Agomavor 1 Monat

Making Playwright an agent skill is powerful. Fixed seeds, explicit state assertions and reproducible fixtures turn a successful game run into evidence the team can replay and trust. Related QA view:

Ähnliche Videos