下载 App

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

2025/08/1070 浏览主题教程
我正在尝试用『星火编辑器』制作一款卡牌游戏。
在前面几期,我们挥洒创意,搓出了效果惊艳的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)
这样一来,这个选关页面就已经有模有样。由于前面所说的不少效果要在触发器里实现,那么下一期我将会分享主线选关功能的触发器部分。感谢耐心看到这里的你,希望我的分享让你有所收获!我们下期见!
猜你想搜
星火编辑器 卡牌游戏制作教程
00:39
文本标记的应用:物品装备套装效果显示截图
文本标记的应用:物品装备套装效果显示
前言: 首先感谢群里的各位大佬指点,@小虫@爱死寂寞@灰……(其他大佬不在一一列举),才有了这篇文章。本人小白,教程不足之处还请各位大佬指点,没错指指点点[表情_狗头]。 物品套装效果显示的应用 1. 实现思路 首先说一下文本标记的用法,文本是可以通过一些代码来改变颜色,加粗,倾斜等操作。比如我把【测试文本】加上颜色代码<#831515:【测试文本】:>,就会改变颜色,游戏中仍然适用。 然后
24 赞
8 回复
星火三消之三连检测截图
星火三消之三连检测
上一回完成了消块实例化的显示(P2)(https://www.bilibili.com/video/BV1qLeUzKEHS?spm_id_from=333.788.recommend_more_video.0&vd_source=f9c1188016e81eabc613ade954e6d482),红框部分可以看到随机生成的消块构成了三连、四连。 为了避免这一情况我们在生成消块前加入对随机到的消块
3 赞
1 回复
「自制卡牌游戏DIY」点击与选中反馈截图
「自制卡牌游戏DIY」点击与选中反馈
#星火编辑器 #星火编辑器入门 #星火编辑器小功能分享教程 #星火编辑器案例 我正在尝试用『星火编辑器』创作一款卡牌游戏。 前面两期我们完成了战斗界面UI相关的设计,但是还没有编写相应触发器逻辑。今天我们尝试从简单的点击与选中反馈开始,将游戏内需要的各种功能和效果一步步实现。 在很多如P2这样的优秀游戏中,都有细致的操作反馈。例如当玩家选中己方/敌方单位,该单位脚下会出现绿圈/红圈。当单位移
1 赞
1 回复
「自制卡牌游戏DIY」进入主线关卡页面截图
「自制卡牌游戏DIY」进入主线关卡页面
#星火编辑器 #星火编辑器入门 #星火编辑器小功能分享教程 我正在尝试使用『星火编辑器』制作一款卡牌游戏。 在前面几期,我们完成了主线选关功能的设计与制作,并且添加了提示消息滚动条的UI交互功能。今天继续平稳行驶,完善玩家从开场到进入主线选关界面过程中所需的触发器和方法。 点击关卡按钮的事件已经有了,我们还要为进入关卡的按钮创建对应的点击事件(P2) 新建一个为进入关卡按钮创建点击事
4 赞
「自制卡牌游戏DIY」战斗抽卡系统(2)截图
「自制卡牌游戏DIY」战斗抽卡系统(2)
#星火编辑器 #星火编辑器入门 #星火编辑器案例 在上期内容中,我们从卡牌状态的切换打开思路,将从卡池中刷新场上卡牌逻辑用触发器一步步实现,并通过洗牌的方法确保玩家从入场卡池中刷出的卡牌具有随机性。但在此之后系统还需要将抽取的卡牌替换为新卡,并为抽到的法术卡添加法术,方可将刷出卡牌的信息完备地打包给客户端以呈现给玩家,而这正是今天要做的。话不多说,来吧。 接着上期,在对卡池中未抽取的卡牌进行
2 赞
「自制卡牌游戏DIY」战斗抽卡系统(1)截图
「自制卡牌游戏DIY」战斗抽卡系统(1)
#星火编辑器 #星火编辑器入门 #星火编辑器案例 上一期我们完成了游戏的核心功能——战斗抽卡系统的设计,并将主要设计梗概用思维导图的形式清楚呈现。今天我们要着手开始用触发器编写逻辑,实现这个游戏核心玩法系统。本期车速较快,请站稳扶好! 首先我们先做好前置准备,确保已经有了“标准卡牌”类以及足以存储卡牌所需信息的各个成员变量(P2) 同样的,确认玩家信息类里面已经有了这三个“标准卡牌”数组
1 赞
「自制卡牌游戏DIY」简易选英雄功能(1)截图
「自制卡牌游戏DIY」简易选英雄功能(1)
#星火编辑器 #星火编辑器入门 #星火编辑器小功能分享教程 我正在尝试使用『星火编辑器』制作一款卡牌游戏。 在前面分享的功能中,我们已经可以让玩家选择一个主线关卡并进入跳转界面。今天接着上次的思路继续,制作玩家进入主线关卡后要跳转进入的选人界面。 还是先从界面设计开始。今天要尝试的新面板是“可附着面板”。我们打开界编组件库,从gameui中找到“可附着面板”(P2) /*科普-可附着面板
「自制卡牌游戏DIY」战斗界面设计(2)截图
「自制卡牌游戏DIY」战斗界面设计(2)
#星火编辑器 #星火编辑器入门 #游戏ui界面 #星火编辑器小功能分享教程 我正在尝试用『星火编辑器』创作一款卡牌游戏。 在上一期,我们搭建了美观得体的能量槽、卡牌显示区和信息区,并尝试以圆饼形式在卡牌上显示能量进度的效果。今天让我们接着上一期继续丰富完善我们的战斗界面。 战斗界面必然要为玩家在战斗过程中的体验服务,而玩家在单场战斗中的核心目标就是要击败敌方首领,同时避免让己方首领被敌方击败。那
「自制卡牌游戏DIY」战斗抽卡系统(3)截图
「自制卡牌游戏DIY」战斗抽卡系统(3)
#星火编辑器 #星火编辑器入门 #星火编辑器案例 我正在用『星火编辑器』将一张游戏卡牌变成一款卡牌游戏。 在上一期,我们成功把玩家刷新刷出卡的信息经服务端处理后,转化为客户端中可用于显示给玩家的面板控件。这期让我们继续完善战斗抽卡系统及相关功能的触发器逻辑。 还是在触发器客户端,我们已经完成了修改牌面UI的方法,接下来要做两件事:一个是将场上每张刷出来的卡的UI进行生成和保存,另一个是要为
2 赞
「自制卡牌游戏DIY」战斗出卡逻辑(1)截图
「自制卡牌游戏DIY」战斗出卡逻辑(1)
#星火编辑器 #星火编辑器入门 #星火编辑器案例 我正在用『星火编辑器』将一张卡牌变成一款卡牌游戏。 在前几期中,我们设计并完善了战斗抽卡系统,使得游戏能以符合玩家体验的方式,在战斗阶段中为玩家刷出呈现各具效果的卡牌——我们正在一步步为这款卡牌游戏搭建肉体、铸造灵魂。然而,玩家选择及打出卡牌的逻辑同样重要,今天我们就要对这一部分的功能搭建发起冲锋。 在前面我们已经在客户端逻辑中为场上的卡
6 赞