「自制卡牌游戏DIY」主线选关界面（1）

#星火编辑器 #星火编辑器入门 #游戏ui界面 #星火编辑器小功能分享教程

我正在尝试用『星火编辑器』制作一款卡牌游戏。

在前面几期，我们挥洒创意，搓出了效果惊艳的3D主界面UI。为了响应玩家点击主线关卡按钮的操作，我们需要一个选关页面供玩家选择主线关卡，同时便于我们进行主线关卡相关功能的设计。

界面的设计还是从创建panel开始，然后在panel的顶端创建代表章节名称的label。游戏第一章的名称和内涵最好能燃起玩家的战斗欲，让他们对关卡内容产生憧憬（P2）在顶端标题栏左右各创建一个button用于切换章节。如果是第一章的话建议把左侧button按钮隐藏，这里具体功能后面在触发器实现（P3）

接着在选关页面内创建一个用于放置选关按钮的panel，然后在里面创建代表关卡按钮的button。比如我想要让一章节有8关卡，则创建8个button。button的间距还是严格在右边的布局栏规划好数值毫厘不差，养成规格严格功夫到家的好习惯。具体button的样式可以在photoshop里设计，美观得体即可，这里暂不赘述（P4）

现在往button里填入文本。这里填什么都行，毕竟游戏里实际显示的内容后续在触发器里做。可以根据以后要设计的关卡名称拟一些看看效果。然后就是在每个关卡button前面加一个选中关卡的标记（想用其他选中按钮ui也行），用于在玩家选中关卡时提示玩家选择的关卡（P5）

至于选关页面的右半边，则可用一张图和一块文本区予以排版。图片部分（P6白矩形区域）将会显示玩家选中关卡的预览，而图片下面的文本框则用于显示玩家选中关卡的文字描述。

最后，在下方放置一个进入关卡的button，用于玩家选中特定关卡后点击进入关卡。若关卡可进入则按钮置为绿色，反之置灰，当然这些也都在触发器里实现（P7）

这样一来，这个选关页面就已经有模有样。由于前面所说的不少效果要在触发器里实现，那么下一期我将会分享主线选关功能的触发器部分。感谢耐心看到这里的你，希望我的分享让你有所收获！我们下期见！