记录我开发vela快应用游戏——对决的全过程

开发过程中用到的知识点包括：

1. 服务器（阿里云服务器、宝塔面板的使用）
2. 数据库、mysql语法
3. php（接收GET和POST请求和数据库建立联系）
4. vue3（写前端界面和功能）
5. javascript
6. css

项目开发前言

高中的时候，我有一个小米手环9pro，我很喜欢玩别人开发的手环小游戏，打算等高考完自己开发一个。

2025年6月25日是我高考完暑假期间第一次拿到自己的电脑。也是从这时候开始，我开始看官方的vela开发文档，学习如何开发快应用。

2025年7月3日，我决定开发一款长线养成类游戏，最好还可以多人对战，于是首次决定游戏以对决为名。

第一次发布出去的时间是2025年8月11日，在表盘自定义工具和米坛社区成功发布对决1.0.0版本。

此项目的所有代码均由我一个人编写，前端无人任何AI帮助，后端部分借助AI工具开发。图片资源均由灿若繁星提供。

从2025年6月25日到昨天2025年10月26日，我的对决经过无数次改版发布。最终彻底完结时版本停留在了4.9.9版本。总计前端写了9000多行代码，后端写了5000多行php代码，数据库里也建了25张表。从数据库里得知，截至2025年10月27日23点45分，注册人数已经达到5591人。

项目介绍

游戏的主界面如下：

可点击的交互按钮有：角色、招募、背包、商店、探索、好友、玩法介绍、邮箱、关卡模式、竞技模式、关于

不可点击的信息按钮有：等级经验条、金币数量、钻石数量、UID、用户名

其中部分功能需要连接小米运动健康才能体验，主要有：好友、竞技模式

接下来我将逐个按钮介绍他们的功能，从重要按钮到不重要按钮的顺序来介绍

一、角色

这个界面有我的、图鉴、布阵三部分。接下来我将逐一介绍

1、我的

我的的主界面如下：

这个界面会显示自己拥有的角色，以及角色的详细信息。点击上方的向左向右按钮切换展示角色

角色的基本信息包括：生命、攻击、防御、攻速、攻击目标个数、治疗量

这六个基本数据中，攻速和攻击目标个数是固定不变的，其他都是可通过升级提升

在角色图片的下方有角色的等级，和升级按钮。

升级消耗角色经验，下方蓝字显示我的角色经验数量。

角色装备和隐藏果实属性在之后讲到主界面的背包按钮的时候再讲

2、图鉴

如图所示：

3、布阵

如图所示：

开局只送剑士、弓箭手、法师三个角色，想要更强力的角色就来招募里抽招募券，用足够的招募券前往商店购买角色。

(注：图片可横向滚动)

三、商店

如图所示：

(注：图片可横向滚动)

这里仅展示金币商店、普通招募券、竞技币商店（竞技币需要在竞技模式的竞技场里获取）

xx灵果在之后讲到主界面的背包按钮的时候再讲

四、背包

背包里分为两个界面，增益食物和角色装备，通过下方按钮切换。(增益食物可以直接永久性的给角色提供属性加成。)

1、果实加成部分

果实加成如下表所示：

演示图如下：

2、角色装备部分

角色装备分为**头盔（加防御）、盔甲（加生命）、武器**（加攻击）

每个装备都有五种品质（白、蓝、紫、黄、红）。装备可以升级，最高可升到50级。

每件装备都有**初始属性数值和强化区间**。（举个例子：例如红盔甲初始属性数值是+2000生命，强化区间是2000~10000生命。那我这件红装备1级的数值是2000生命，2级的数值最坏情况下是4000生命，最好情况下是12000生命。）

演示图如下：

装备的获取途径是探索里的**远古遗迹**，接下来就会讲探索。

五、探索

探索可以获得金币、钻石、角色经验、角色装备。

如下图所示：

在最上边会显示自己的体力，体力每分钟恢复一点，消耗体力可以探索一次，获得对应的奖励

六、好友

在这里可以添加别人好友，好友之间可以相互聊天，可以相互切磋*（好友上线20个）*

好友界面分为三个板块：添加好友、好友申请、好友列表，接下来逐个介绍。

1、添加好友

在输入框中输入别人的UID可以发送好友申请

发送好友时有如下情况：

–如果已经是好友，会显示：你们已经是好友了

–如果没有对应uid，会显示：查无此人

–如果好友数量已经达到20个，会显示：好友数量已达上限，无法添加好友

–如果输入了自己的uid，会显示：不能向自己发送好友申请

–如果对方已经向我发送了好友申请，会显示：对方已向您发送好友申请，请到好友申请列表处理

–正常情况下，会显示：好友申请已发送，请等待对方处理

2、好友申请

如图所示：

在好友申请界面可以查看自己收到的好友申请和发送的好友申请。

①、发送的好友申请

(我每一次向别人成功发送好友申请后，都会显示在这里。)

当对方未处理时，会显示：对方未处理

当对方同意时，会显示：对方已同意

当对方拒绝时，会显示：对方已拒绝

②、收到的好友申请

在这里可以查看别人向我发送的好友申请，我可以选择同意或者拒绝

3、好友列表

这里会显示所有的好友，在这里我可以和**好友切磋，聊天**

如图所示：

图1中展示了好友列表的主界面，下边的**上传阵容**按钮是将当前上阵的阵容上传到数据库里，这样别人才可以挑战自己。

图2展示的是点击切磋按钮后的界面，在上面可以左右滑动来查看敌人的三个角色的属性。点击下面的**开始战斗**会挑战对方

图3展示的是好友聊天

七、关卡模式

点击关卡模式后，会先进入关卡列表里，在这里可以点击想要挑战的关卡进行挑战，关卡列表如下图所示：

总共有6个副本，每个副本有6关。关卡背景为绿色说明此关卡已经成功通关。白色表示未通过。前一关没打过不能打后一关。

点击任意一个可以挑战的关卡后，会显示敌人的详细数据，如下图所示：

点击开始战斗后会进入战斗界面。

八、竞技模式

竞技模式里有三个模式，分别是：竞技场、星辰塔、排位赛。接下来逐一介绍。

1、竞技场

如下图所示：

图一是进入竞技场后的界面，在屏幕中间会显示前十名的信息。

点击下方的挑战后，会进入图二所示的界面。

在图二界面选一个人点击挑战，会进入图三界面。在这里可以查看敌方的信息。

在竞技场主界面点击我的阵容按钮，可以查看自己的竞技场阵容。可以通过上传阵容更改。

（举个例子：假如你是第100名，你挑战第90名并打赢了，那么你就会变成第90名，而原先的90名会变成91名，原先的91名会变成92名……原先的99名会变成100名）

在竞技场中挑战别人挑战成功可以获得100竞技币，挑战失败可以获得20竞技币，通过竞技币可以在商店里购买东西。

2、星辰塔

如下图所示：

星辰塔可以不联网进行挑战。通过不断爬塔，冲更高的排名。

3、排位赛

如图所示：

进入排位赛后将会展示图一所示的界面。

点击排行榜会展示图二界面。

点击战况会展示图三界面。

点击赛季回顾会展示图四界面。

点击开始挑选对手后会从数据库里随机匹配一个人，匹配成功后会有10s时间查看对方的阵容，如图五所示。之后会直接开始战斗。

九、账号管理

如图所示：

十、关于

如图所示：