正在加载视频...

视频加载失败

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 次观看 • 8 个月前 •via X (Twitter)

55 条评论

Chong-U 的头像
Chong-U8 个月前

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

Chong-U 的头像
Chong-U8 个月前

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.

Chong-U 的头像
Chong-U8 个月前

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

Paul Bellow (LitRPG Adventures) 的头像
Paul Bellow (LitRPG Adventures)8 个月前

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

Chong-U 的头像
Chong-U8 个月前

Looks cool!

Paul Bellow (LitRPG Adventures) 的头像
Paul Bellow (LitRPG Adventures)8 个月前

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.

Lovis Odin 的头像
Lovis Odin8 个月前

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

Chong-U 的头像
Chong-U8 个月前

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

Johannes Tscharn 的头像
Johannes Tscharn8 个月前

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

Chong-U 的头像
Chong-U8 个月前

@OdinLovis Ooh neat!

cortopolis 的头像
cortopolis8 个月前

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

Chong-U 的头像
Chong-U8 个月前

Never used it before, so thanks for the rec !

Wayne Sutton 的头像
Wayne Sutton8 个月前

@RayFernando1337 game setup!

Eve 的头像
Eve8 个月前

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

Matterhorn.so 的头像
Matterhorn.so8 个月前

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.

Not Harris | Builds Apps 的头像
Not Harris | Builds Apps8 个月前

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

Chong-U 的头像
Chong-U8 个月前

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

Md. Pieash 的头像
Md. Pieash8 个月前

Hey, great job bro I want more videos

Chong-U 的头像
Chong-U8 个月前

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

Md. Pieash 的头像
Md. Pieash8 个月前

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

heynav 的头像
heynav8 个月前

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

Send it Highor 的头像
Send it Highor8 个月前

ok interesting ty

Chong-U 的头像
Chong-U8 个月前

Thank you too!

Sebastian Buzdugan 的头像
Sebastian Buzdugan8 个月前

phaser plus playwright is such an underrated combo

markus 的头像
markus8 个月前

pov: you are an expedition 33 dev

Chie Waters 🌊 的头像
Chie Waters 🌊8 个月前

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

Chong-U 的头像
Chong-U8 个月前

Thanks!

wolfaidev 🐺 的头像
wolfaidev 🐺8 个月前

repo not found :(

Chong-U 的头像
Chong-U8 个月前

D' oh! Fixed now!

Phillip Marashian 的头像
Phillip Marashian8 个月前

Rock on man, keep up the great work!

Chong-U 的头像
Chong-U8 个月前

Thanks Phillip!

H2crypto 🦄 的头像
H2crypto 🦄8 个月前

Thanks for sharing! Inspired me a lot 🙏🏼

AI with Eric 的头像
AI with Eric8 个月前

Wow sick

Tale Weaver 的头像
Tale Weaver8 个月前

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

Chong-U 的头像
Chong-U8 个月前

No angular, just phaser for now

Tale Weaver 的头像
Tale Weaver8 个月前

Thank you.

JC Castaneda 的头像
JC Castaneda8 个月前

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

Chong-U 的头像
Chong-U8 个月前

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

MAGUID 的头像
MAGUID8 个月前

Vibe coding 2D games = next-level

Ditectrev 的头像
Ditectrev8 个月前

Nice share!

Chong-U 的头像
Chong-U8 个月前

Thanks!

Phương🧸 的头像
Phương🧸8 个月前

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

imam 的头像
imam8 个月前

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

Chong-U 的头像
Chong-U8 个月前

No, I am figuring it out :)

Jithin Palepu 的头像
Jithin Palepu8 个月前

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

Ibrahim 的头像
Ibrahim8 个月前

@stupidfoolman nyoh badalah gasken ae ki

Franci Penov 的头像
Franci Penov8 个月前

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

Bitcoin Maverick 的头像
Bitcoin Maverick8 个月前

Thanks for posting the YouTube link

Mykhailo Sorochuk 的头像
Mykhailo Sorochuk8 个月前

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

Rose 的头像
Rose8 个月前

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?

wojack | SuiTonku Guy 的头像
wojack | SuiTonku Guy8 个月前

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

Chong-U 的头像
Chong-U8 个月前

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

Himanshu Kumar 的头像
Himanshu Kumar8 个月前

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

Alex Yarosh · AI expert · CEO of AI Studio 的头像
Alex Yarosh · AI expert · CEO of AI Studio6 个月前

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.

Mitchell Agoma 的头像
Mitchell Agoma1 个月前

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:

相关视频