两个小游戏:大笨猫蒙蒙猜 & 植物大战僵尸 Web 版
空余时间用 Vibe Coding 做的两个网页小游戏,纯前端,打开链接即玩,看看一个人加 AI 从 idea 到上线一个能玩的小游戏需要多久
两个小游戏
利用空余时间做的两个网页小游戏,托管在 Cloudflare Pages 上,打开链接即玩,不用下载、不用注册。
🐱 大笨猫蒙蒙猜
🎮 点这里开始玩 →

灵感来自抖音博主"汤圆小猪咪"——她家有只叫汤圆的橘猫,主人会在汤圆面前一排摆几样东西(萝卜、纸巾、玩具杯子之类),让它"猜"哪个是答案,猜对了奖励冻干,猜错了继续蒙。汤圆一脸困惑地拍来拍去那个画面太有意思了,所以我做了个网页版让大家自己当一回汤圆。
玩法上做了两个模式:
- 小猫模式:你扮演那只蠢萌的小猫。博主出题、给提示,你得记住物品位置、察言观色(看博主表情变化)去猜答案。考验记忆和读脸。
- 博主模式:你扮演博主。你发指令,小猫去猜——但小猫有自己的脾气,不一定听话。这里有一个"拉扯感"的设计:你可以点小猫去吸引它注意力把它往正确答案上引,但点得越快它越烦你,所以不能无脑狂点,得有节奏。

每只猫都有自己的小脾气——调皮的、固执的、普通的,每局表现都不一样。连续答对会越涨分越快,最高能解锁"传说"档;游戏记录也会留下来,下次打开还在。视觉做了像素风,适配了移动端和电脑端。
🌻 植物大战僵尸 Web 版
🎮 点这里开始玩 →

起因是智谱发布 GLM-4.7 时,官方 demo 场景里有一个植物大战僵尸的复刻,还顺手把整套图片素材和音频都开放了出来。我看到之后心血来潮:同样的素材,换成 Claude Opus 来写代码,能复刻到什么程度?于是开了个项目试了下,结果两三个小时就跑起来了,最终效果出乎意料地完整——种植、阳光、僵尸波次、碰撞判定全都正常。(当然,中间肯定遇到了一些bug,不过最终都修复了)
玩法不用多说——经典 PvZ:鼠标点击种植物、攒阳光、扛过一波又一波的僵尸。
实现上的重点是把"游戏逻辑"和"界面"完全拆开——画面只负责画,所有的子弹飞行、僵尸走位、碰撞判断都在底下的引擎里跑,引擎用固定的节奏推进(每秒 60 拍),所以不管你电脑快慢、暂停继续,游戏体感都是一致的,不会出现"突然加速"或者"卡一下子弹穿过去"的情况。
关于这两个项目
都是空闲时间用 Vibe Coding 的方式快速做出来的——想法、原型、上线一条龙。没有什么宏大目标,就是想看看"一个人加 AI 工具,从 idea 到上线一个能玩的小游戏需要多久"。
欢迎体验和反馈!点上方按钮就能玩。