使用Lovable10分钟搞定一款在线小游戏

你好👋

我是欧维Ove～

这篇文章分享一个我的Vibe Coding案例，最近在用的Vibe Coding工具是Lovable，非常强大，前后端的编码都非常优秀，基本可以一次搞定。支持配置Google登录、数据库、AI大模型；

前几天突然想到了这个游戏的idea，玩法很简单，就是一个人从悬崖上掉下来，下面有个人可以接住她，如果接住了就到下一关，没接住就挂了。

我给游戏的设定是公主掉落悬崖，一位英雄在下方守护。一共有3个关卡，第1关掉落的速度比较慢，第2关是第1关的3倍，第3关是第1关的10倍，难度逐渐递增；

游戏名称叫Rescue Alice，界面长这样：

这里是游戏的网址，你可以试玩一下：https://rescuealice.lovable.app

PC端和移动端都是自适应的，一次全搞定。

接下来分享一下我的一些经验：

我一开始构思的是3根柱子同时掉落，按3个按键同时接住闯关成功，否则失败；Lovable设计出来一版后，感觉玩起来不是很有趣，然后让它改为人物坠落的设计，它很快帮我重新设计了整个游戏。

之后我就是不断体验不断调试，让它调通主流程，在功能没问题之后，再让Lovable优化UI设计。

不要过早的去调UI样式，先把功能跑通，让所有的功能点都正常可用，然后再去调UI。如果你过早的去调整UI，会陷入到很多反复的Coding中，UI优化的过程中，很有可能改变了你的流程设计。而在整体流程跑通后再去调，可以避免这个问题。

另外一点就是提示词不需要很长，但要说清楚你想要的效果。先自己在脑子里或者用白板把用户的体验路径画出来，先设计整体，再设计局部。而不是一点点去堆叠。一开始要有好的架构设计，再一点点去填充它，这样AI也能完成复杂的产品。

在我用Lovable Vibe Coding的过程中，基本没有发生把好的功能改坏的情况。凡是要改数据库的部分，它都会让我二次确认。复杂的逻辑调整，它也会把步骤列出来，你可以看到它是怎么思考的，这对于进一步调整非常有用。

看最终的成品，我还是挺满意的，这个前端效果比V0和Bolt做的更好，而且AI味儿更少一点。也难怪Lovable增长这么快，目前ARR已经突破2亿美金，估值达到60亿美金，产品力确实在线。

最后说一下Lovable的付费策略，只有付费会员可以保留自定义域名以及在网站上去掉Lovable的标识，这2点就能推动很多人一直保留订阅了。找到用户在乎的点，作为你的付费点，就能有效提升转化。

Lovable每天可以免费领取5个积分，邀请1个新用户可以获取50个积分。我做这个游戏网站消耗了大概30个积分，消耗量不大。如果你做好了产品，但不想付费的话，可以把项目关联你的Github，上传到Github后，再部署到Vercel，然后再自定义域名，Vercel解析域名是免费的，这样可以完成白嫖。