下载 App

「自制卡牌游戏DIY」制作一个卡牌包(上)

2025/07/20133 浏览主题教程
我正在尝试用『星火编辑器』制作一款卡牌游戏。众所周知,要做出一款卡牌游戏,光有一张游戏卡牌是不够的,还要有一个能装卡牌的卡牌包,并且最好要能清晰呈现卡牌信息。以下是我的详细操作——
(1)先绘制3个panel框,并在每个框底部配上一个深色的背景,在色调上和卡牌颜色区分。其中左侧的大框代表卡牌显示区,即显示拥有的卡牌;右上的框代表卡牌信息区,用于预览卡牌;右下较小的方框代表卡牌描述区,用于显示卡牌的文字描述(P2)
(2)为了方便后续的功能制作,要在每个框上方留出作为标题栏的空间;此外,在左侧用于显示卡牌的大框中间还可以加入一个较大的方框——因为如果未来卡牌很多,一页装不下,肯定还需要加一个滚动条用于上下滑动,这里我提前准备好用于上下滑动的显示区
(3)接下来在3个框上方加入标题label,为了看上去美观,还可以像我一样在标题下加上一个“发光的下划线”,这个下划线用photoshop很容易就能做出,这里就不详细描述啦(P3)
(4)在卡牌信息区,其中的左侧放上卡牌的预览(具体怎么做上一期有讲),右侧显示这张卡牌的各种信息。比如部队卡用来在战场放怪为自己作战,那么就显示对应怪的详细信息(包括生命、攻击、攻速、物防等一系列属性)(P4);法术卡用于让玩家施放魔法,信息则简单得多,我这里只显示最关键的目标范围和伤害(P5);增益卡用于强化玩家后续卡牌,信息也同样简单,也只需显示增益类型和增益数值(P6)
这一部分有点小麻烦,至少20个label和一些图标。不过具体怎么用ps制作或处理图标上一期有讲,熟练了也不难。在卡牌信息区下方还可加上一行给玩家的tips,小小的锦上添花一下。
(5)最后在卡牌描述框中配上一个label文本框,可以随心打上一行字。这样卡牌包功能的制作就大功告成(一半)了,是不是超简单[表情_斜眼笑]。剩下较难的另外一半我会在下一期讲,如果觉得不错请顺手点个赞哦
猜你想搜
星火编辑器 卡牌游戏制作教程
星火编辑器-新手教程-关于多游戏模式的配置和触发的获取截图
星火编辑器-新手教程-关于多游戏模式的配置和触发的获取
HELLO 大家好,我是阿木木牧。最近第一版的内部小范围(几人)第一个图的测试已经结束了。 整体游戏以装备数值的崩坏而告终~ (虽然大家都很欢快。。。) 现在准备开始开发下个阶段的内容啦,就是将游戏模式拆分出来。分成单人模式,多人组队模式(合作PVE),多人匹配模式(对抗模式)。那么,怎么配置呢?说来也很简单哈~ 1,在游戏编辑器中,数据编辑器,找到地图设置。 2,编辑地图设置。比如我希望最大数量
14 赞
3 回复
00:09
背包自动整理:一看就会,超简单!截图
背包自动整理:一看就会,超简单!
背包一键整理,星火编辑器触发几行就能轻松做出背包一键整理功能,纯小白也能学会~ 先看视频效果: 一、核心目标 点 “整理背包” 按钮,让背包里的物品自动排序(比如好东西放前面、同类集中),把零散格子空出来,找东西更方便! 二、步骤拆解(对应截图逻辑) 1. 启动整理流程(事件触发) 选 “游戏 - 触发自定义事件”,绑定 “背包整理按钮点击” 。意思是:点按钮时,启动整理功能。 2. 提取背包物品
5 赞
星火三消之三连检测截图
星火三消之三连检测
上一回完成了消块实例化的显示(P2)(https://www.bilibili.com/video/BV1qLeUzKEHS?spm_id_from=333.788.recommend_more_video.0&vd_source=f9c1188016e81eabc613ade954e6d482),红框部分可以看到随机生成的消块构成了三连、四连。 为了避免这一情况我们在生成消块前加入对随机到的消块
3 赞
1 回复
「自制卡牌游戏DIY」自动生成卡牌(3)截图
「自制卡牌游戏DIY」自动生成卡牌(3)
#星火编辑器 #星火编辑器入门 #卡牌游戏 #星火编辑器小功能分享教程 我正在尝试用『星火编辑器』将一张卡牌变成一款卡牌游戏。 前面的尝试让我们顺利做出卡牌和卡牌包,并向更复杂的自动生成卡牌功能发起冲击。上期这个功能的服务端逻辑已经告一段落,这期主打客户端部分。但在此之前要从UI层面做一个生成卡牌页面的实例。点击页面上方“+”号新建页面,这里我将其命名为“卡牌选择页面”。然后在页面中新建pane
3 赞
「自制卡牌游戏DIY」战斗抽卡系统(1)截图
「自制卡牌游戏DIY」战斗抽卡系统(1)
#星火编辑器 #星火编辑器入门 #星火编辑器案例 上一期我们完成了游戏的核心功能——战斗抽卡系统的设计,并将主要设计梗概用思维导图的形式清楚呈现。今天我们要着手开始用触发器编写逻辑,实现这个游戏核心玩法系统。本期车速较快,请站稳扶好! 首先我们先做好前置准备,确保已经有了“标准卡牌”类以及足以存储卡牌所需信息的各个成员变量(P2) 同样的,确认玩家信息类里面已经有了这三个“标准卡牌”数组
1 赞
「自制卡牌游戏DIY」自动生成卡牌(4)截图
「自制卡牌游戏DIY」自动生成卡牌(4)
#星火编辑器 #星火编辑器入门 #卡牌游戏 #星火编辑器小功能分享教程 我正在尝试使用『星火编辑器』将一张游戏卡牌变成一款卡牌游戏。 在前面几期中,我们已经实现了自动生成卡牌功能的UI设计和服务端部分,而且客户端部分的逻辑实现也在高歌猛进。那么这期我们继续为实现这一阶段的目标而努力——做出一个如 P2 这样带滚动条、动态显示卡牌信息、可选择卡牌上下场的卡牌包,而且卡包中的卡牌还要根据玩家已有卡牌
「自制卡牌游戏DIY」游戏阶段管理(1)截图
「自制卡牌游戏DIY」游戏阶段管理(1)
#星火编辑器 #星火编辑器入门 #星火编辑器小功能分享教程 我正在尝试使用『星火编辑器』制作一款卡牌游戏。 前面两期我们基本完成了玩家进入游戏的简易选英雄功能。但在实现从选英雄场景到进入游戏的过程中,还要加一个管理游戏阶段的系统——这样既方便管理玩家在游戏中的流程,也便于让程序根据不同游戏阶段作出不同监听、响应和处理,避免一些不必要的冗余。经过前面平稳行驶,本期车速又将飙升,还请乘客们站稳扶
「自制卡牌游戏DIY」战斗抽卡系统(3)截图
「自制卡牌游戏DIY」战斗抽卡系统(3)
#星火编辑器 #星火编辑器入门 #星火编辑器案例 我正在用『星火编辑器』将一张游戏卡牌变成一款卡牌游戏。 在上一期,我们成功把玩家刷新刷出卡的信息经服务端处理后,转化为客户端中可用于显示给玩家的面板控件。这期让我们继续完善战斗抽卡系统及相关功能的触发器逻辑。 还是在触发器客户端,我们已经完成了修改牌面UI的方法,接下来要做两件事:一个是将场上每张刷出来的卡的UI进行生成和保存,另一个是要为
2 赞
「自制卡牌游戏DIY」游戏主界面设计截图
「自制卡牌游戏DIY」游戏主界面设计
#星火编辑器 #星火编辑器入门 #卡牌游戏 #星火编辑器小功能分享教程 我正在尝试用『星火编辑器』创作一款卡牌游戏。 在前面几期,我们完成了卡牌和卡牌包功能的制作,并在实机测试中看到了想要的效果。而对于一款卡牌游戏,主界面的设计尤为重要,它将直接影响玩家的观感。星火官方给出了游戏UI的评价标准(P2):左图那样杂乱的UI只能是D档,右图那样将UI合理摆正则能达到C档。那么A档的UI是怎么样的呢?
2 赞
「自制卡牌游戏DIY」手搓3D主界面(2)截图
「自制卡牌游戏DIY」手搓3D主界面(2)
#星火编辑器 #星火编辑器入门 #游戏场景设计 我正在尝试用『星火编辑器』创作一款卡牌游戏。 上一期我们已经设计了一个看上去真实且有纹理和光照的3D浮空岛,今天让我们将它完善,为这座“空岛”加上生态,形成更真实的主界面3D背景。 首先我们找到编辑器右侧的素材栏,可以看到编辑器内已经有了很多预制的素材。选择【场景】中的【植物】页签,能看到有各种各样的树木,这里我们可以先试着在地图边缘搭一些松树(P