I Built a 2D Shooting Game Using AI (Cursor + no-code)

Summary

这段视频展示了如何从零开始开发一款射击游戏，并通过Superbase集成排行榜功能。视频中讲解了如何添加多种武器，如机关枪和霰弹枪，并通过编程使武器可随机掉落和切换。此外，作者介绍了如何创建并部署一个在线游戏，使用Superbase存储玩家的分数并显示排行榜。最终，游戏上线并邀请玩家参与，提供奖励给排行榜前几名。这是一场从游戏开发到发布的完整旅程，适合对编程和游戏开发有兴趣的人。

Takeaways

• 😀 通过使用多种武器类型，提升游戏的多样性，增加玩家的互动体验。
• 😀 通过添加机器枪、霰弹枪等武器，创造了丰富的战斗体验。
• 😀 在游戏中加入武器掉落机制，让玩家在战斗中可以捡到新武器，提升游戏的刺激感。
• 😀 使用Supabase作为后台服务，存储玩家的得分和排行榜数据，简化了数据库管理。
• 😀 在游戏结束时，提供一个界面让玩家提交他们的名字和邮箱，确保数据能够上传到排行榜。
• 😀 通过修改游戏代码，解决了排行榜不即时显示的问题，确保用户体验流畅。
• 😀 在Supabase中配置访问策略，确保所有用户都可以查看和提交得分。
• 😀 在Replit上部署游戏，快速将开发的游戏发布到互联网上，方便分享给他人。
• 😀 通过给排行榜前一名的玩家奖励100美元，激励更多玩家参与竞争。
• 😀 最终，完成了一个完整的游戏开发流程，从编写代码到上线测试，增强了开发者的实战经验。
• 😀 鼓励观众通过评论区提供新的游戏创意和建议，激发更多创作灵感。

Q & A

这个视频的主要内容是什么？

这个视频讲述了如何开发一个简单的僵尸射击游戏，包括添加武器、实现排行榜功能、使用 Supabase 存储高分数据，并最终将游戏部署到网上让其他人也可以玩。

视频中提到的游戏武器有哪些？

视频中提到的游戏武器包括机枪和霰弹枪。机枪可以快速发射子弹，而霰弹枪则每秒发射一束子弹，且每 10 到 20 秒随机掉落，玩家捡到后会在 5 秒内使用。

如何将霰弹枪加入游戏并使其功能正常运作？

霰弹枪通过添加新的游戏物品并修改游戏代码来实现，具体步骤包括上传霰弹枪图像、调整其大小、定义每秒发射子弹的功能，并设定其掉落和使用时间。

Supabase 是什么，它在这个项目中扮演了什么角色？

Supabase 是一个后端即服务平台，用于存储和管理数据。在这个项目中，Supabase 被用来存储玩家的高分，创建排行榜，记录玩家的名字、电子邮件和得分等信息。

如何创建 Supabase 数据库和表格来存储高分数据？

首先，在 Supabase 中创建一个新项目，然后设置一个名为 'leaderboard' 的表格，表格中包含 'initials'、'email' 和 'score' 三个字段，分别用来保存玩家的名字、电子邮件和得分。

视频中如何处理排行榜显示的问题？

在排行榜显示时，遇到问题是提交后排行榜没有立即显示。通过修改 Supabase 的访问策略，启用所有用户的读取和插入权限，解决了这个问题，并确保排行榜能够正确显示。

如何将游戏部署到互联网上？

游戏通过 Replit 平台进行部署。首先在 Replit 中创建一个新项目，上传 HTML、CSS 和 JavaScript 文件，然后将游戏资源放入 'assets' 文件夹，并使用 Replit 的部署功能将游戏上线。

玩家如何查看自己在排行榜中的位置？

在游戏结束后，玩家会看到一个提示，要求他们输入名字的首字母和电子邮件地址。提交后，玩家可以查看自己是否进入排行榜，并看到所有玩家的得分排名。

在游戏中，如何确保正确记录和显示玩家的得分？

玩家的得分会在游戏结束时被记录，并通过与 Supabase 数据库的交互存储到 'leaderboard' 表格中。通过前端代码向数据库发送数据，确保得分能够准确存储并显示在排行榜中。

视频中的奖励机制是什么？

视频中设置了一个奖励机制：一周后，排行榜上的第一名将获得 100 美元奖励。通过这种方式，激励玩家积极参与游戏并竞争高分。