下载 App

「自制卡牌游戏DIY」手搓3D主界面(1)

2025/08/0962 浏览主题教程
我正在尝试用『星火编辑器』制作一款卡牌游戏。
本期的攻略既适合大佬来参考观摩,更适合从零开始的萌新学习创作第一个3D场景。众所周知,游戏的主界面非常重要,将决定玩家进入游戏的第一观感。上一期我们已经尝试设计了一个得体、美观的主界面游戏UI,今天我们扩大战果,在上一期主界面UI的基础上手搓3D主界面背景。话不多说,直接开干。
首先我们找到编辑器左上角场景的小“+”号,新建一个场景。用于主界面的场景尺寸可以稍小一点(P2)
可以看到创建完的新场景是一片绿油油的草坪。我们找到地表,往草坪上铺砖块(P3)
接着找到氛围-瓦片颜色,为瓦片“染色”。这里我选择了蓝紫色(R85 G58 B214),你也可以选择其他自己喜欢的颜色往上涂(P4)
接着用阴影笔刷绘制阴影,建议重点绘制中间区域,边缘强度可以稍低(P5)
四四方方的地图多少看上去不太真实。那么为了制造一张仿佛天然生成的“浮空岛”,可以使用“裂缝”功能,来对地图的边缘进行修剪(P6)
修剪得差不多了,可以将绘制不够理想的部分和看上去不够美观的区域用擦除工具擦掉并进一步雕琢(P7)
看上去还算真实的“浮空岛”绘制完了,但是看上去有点暗。那么我们可以在地图中央放一盏灯,找到“点光源”并添加在地图中央(P8)
此时光照效果好像不够理想。那么我们从右边属性栏里调整光源的颜色(我用的颜色是R185 G106 B218),再将亮度调高、范围调广、光源高度调高,使得这盏灯能照到较大范围的区域(P9)
这样,经过一些不是很复杂的操作,就已经让开始时绿油油的方正地图有了翻天覆地的变化。下一期我将继续完善这个3D主界面,如雕琢一件艺术品般往上点缀各种各样的场景物件,并让其与上一期设计的主界面UI结合,打造为高水准的A档游戏主界面设计。毕竟只有聚匠人心,方能动玩家情。如果觉得不错欢迎点赞关注支持!那么我们下一期再见!
猜你想搜
星火编辑器 卡牌游戏设计
星火编辑器-修改官方预制自定义物品信息模板截图
星火编辑器-修改官方预制自定义物品信息模板
大家对DIY物品信息显示都很热衷,但是在具体实现上还是比较费神费力的,这次的更新将会极大程度上减少开发者的困难,而且非常好用。 首先,需要将编辑器更新到10版本,这次的更新官方重构了物品提示信息面板,并在界面编辑器中加入了7个全新的页面: 我们所要修改的页面主要是【物品信息_物品信息模板】中的【物品信息】控件: 其中【上部属性面板】就是背包效果,【下部属性面板】就是装备效果 这两个不需要管它,我们
18 赞
3 回复
星火三消之三连检测截图
星火三消之三连检测
上一回完成了消块实例化的显示(P2)(https://www.bilibili.com/video/BV1qLeUzKEHS?spm_id_from=333.788.recommend_more_video.0&vd_source=f9c1188016e81eabc613ade954e6d482),红框部分可以看到随机生成的消块构成了三连、四连。 为了避免这一情况我们在生成消块前加入对随机到的消块
3 赞
1 回复
「自制卡牌游戏DIY」手搓3D主界面(2)截图
「自制卡牌游戏DIY」手搓3D主界面(2)
#星火编辑器 #星火编辑器入门 #游戏场景设计 我正在尝试用『星火编辑器』创作一款卡牌游戏。 上一期我们已经设计了一个看上去真实且有纹理和光照的3D浮空岛,今天让我们将它完善,为这座“空岛”加上生态,形成更真实的主界面3D背景。 首先我们找到编辑器右侧的素材栏,可以看到编辑器内已经有了很多预制的素材。选择【场景】中的【植物】页签,能看到有各种各样的树木,这里我们可以先试着在地图边缘搭一些松树(P
「自制卡牌游戏DIY」进入主线关卡页面截图
「自制卡牌游戏DIY」进入主线关卡页面
#星火编辑器 #星火编辑器入门 #星火编辑器小功能分享教程 我正在尝试使用『星火编辑器』制作一款卡牌游戏。 在前面几期,我们完成了主线选关功能的设计与制作,并且添加了提示消息滚动条的UI交互功能。今天继续平稳行驶,完善玩家从开场到进入主线选关界面过程中所需的触发器和方法。 点击关卡按钮的事件已经有了,我们还要为进入关卡的按钮创建对应的点击事件(P2) 新建一个为进入关卡按钮创建点击事
4 赞
「自制卡牌游戏DIY」点击与选中反馈截图
「自制卡牌游戏DIY」点击与选中反馈
#星火编辑器 #星火编辑器入门 #星火编辑器小功能分享教程 #星火编辑器案例 我正在尝试用『星火编辑器』创作一款卡牌游戏。 前面两期我们完成了战斗界面UI相关的设计,但是还没有编写相应触发器逻辑。今天我们尝试从简单的点击与选中反馈开始,将游戏内需要的各种功能和效果一步步实现。 在很多如P2这样的优秀游戏中,都有细致的操作反馈。例如当玩家选中己方/敌方单位,该单位脚下会出现绿圈/红圈。当单位移
1 赞
1 回复
「自制卡牌游戏DIY」简易选英雄功能(1)截图
「自制卡牌游戏DIY」简易选英雄功能(1)
#星火编辑器 #星火编辑器入门 #星火编辑器小功能分享教程 我正在尝试使用『星火编辑器』制作一款卡牌游戏。 在前面分享的功能中,我们已经可以让玩家选择一个主线关卡并进入跳转界面。今天接着上次的思路继续,制作玩家进入主线关卡后要跳转进入的选人界面。 还是先从界面设计开始。今天要尝试的新面板是“可附着面板”。我们打开界编组件库,从gameui中找到“可附着面板”(P2) /*科普-可附着面板
「自制卡牌游戏DIY」简易选英雄功能(2)截图
「自制卡牌游戏DIY」简易选英雄功能(2)
#星火编辑器 #星火编辑器入门 我正在尝试使用『星火编辑器』制作一款卡牌游戏。 接着上一期,我们来到这个功能的客户端部分。当玩家选中英雄,服务端将选中大英雄事件发送给客户端,并且在事件中将三个参数——选中的大英雄(单位)、是否已选择英雄(布尔)、已选择的英雄(单位)传给了客户端。那么我们找到上一期所创建的可附着面板,并将可附着面板中的控件在局部变量中进行声明(P2) 接着设计我们要选择的
「自制卡牌游戏DIY」战斗抽卡系统(2)截图
「自制卡牌游戏DIY」战斗抽卡系统(2)
#星火编辑器 #星火编辑器入门 #星火编辑器案例 在上期内容中,我们从卡牌状态的切换打开思路,将从卡池中刷新场上卡牌逻辑用触发器一步步实现,并通过洗牌的方法确保玩家从入场卡池中刷出的卡牌具有随机性。但在此之后系统还需要将抽取的卡牌替换为新卡,并为抽到的法术卡添加法术,方可将刷出卡牌的信息完备地打包给客户端以呈现给玩家,而这正是今天要做的。话不多说,来吧。 接着上期,在对卡池中未抽取的卡牌进行
2 赞
「自制卡牌游戏DIY」战斗界面设计(2)截图
「自制卡牌游戏DIY」战斗界面设计(2)
#星火编辑器 #星火编辑器入门 #游戏ui界面 #星火编辑器小功能分享教程 我正在尝试用『星火编辑器』创作一款卡牌游戏。 在上一期,我们搭建了美观得体的能量槽、卡牌显示区和信息区,并尝试以圆饼形式在卡牌上显示能量进度的效果。今天让我们接着上一期继续丰富完善我们的战斗界面。 战斗界面必然要为玩家在战斗过程中的体验服务,而玩家在单场战斗中的核心目标就是要击败敌方首领,同时避免让己方首领被敌方击败。那
「自制卡牌游戏DIY」游戏阶段管理(2)截图
「自制卡牌游戏DIY」游戏阶段管理(2)
#星火编辑器 #星火编辑器入门 #星火编辑器小功能分享教程 我正在尝试使用『星火编辑器』制作一款卡牌游戏。 今天我们接着上一期继续进行游戏阶段相关的触发器编写。当完成了计时器当前阶段读秒的方法和切换阶段的方法后,要用一个触发器处理阶段结束时程序需要做的事。当阶段结束时,触发器除了要执行服务端的方法外,也要向客户端发送不同的事件指令去让客户端执行和玩家相关的客户端触发器。那么话不多说,直接开干。 在