文档章节

《Genesis-3D开源游戏引擎--横版格斗游戏制作教程07:UI》

Genesis-3D
 Genesis-3D
发布于 2014/01/14 14:28
字数 1162
阅读 1238
收藏 2

概述:

UI即User Interface(用户界面)的简称。UI设计是指对软件的燃机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅可以让游戏变得更有品位,更吸引玩家,还能充分体现开发者对游戏整体的定位和游戏特点。

制作原理:

编译UI基本框架->皮肤制作->引擎事件UI交互

实现方法:

步骤1:

编译UI基本框架。可以参考Genesis-3D入门引擎关于UI教程中的基本UI及运行,参考人们文档基本UI及运行

这里使用Layout editor来完成UI的框架搭建。Widgets->Window创建UI布局的窗口。不同于教程文档中的是,这里建立开发者在设计UI界面初期,建议使用PanelEmpty作为背景,如图7-1-1所示,因为其只起到界面范围约束的作用。


图7-1-1

重新命名,并且将该层设置为底层,如图7-1-2所示。

 


图7-1-2

根据事先设定的页面排版,添加Button。以制作游戏开始中的开始UI按钮为例。在Layout editor中,设计版式,最终开始界面框中的UI格局图如图7-1-3所示。


图7-1-3

步骤2:

皮肤制作。可以参考Genesis-3D入门引擎关于UI教程中的UI美化,参考入门教程UI中的UI美化。这里使用Skin editor来编辑皮肤。将Skin editor的工程文件直接关联到引擎UI Media文件夹下。File->setting->Folders->Add,来添加文件路径,如图7-1-4所示。


图7-1-4

添加资源文件夹,setting->Resources->Add,路径为UI Media文件夹,如图7-1-5所示。


图7-1-5

重新启动Skin editor后,文件导入做好的UI美术资源图。这时候创建一个皮肤并重新命名:Create->Rename,纹理(Texture)选择导入的图片。在纹理中截取需要使用的皮肤,如图7-1-6所示,同样的方法选择好所有的皮肤后,并将其存储,注意保存文件加".xml"后缀。

步骤3:

打来LayoutEditor,导入Start.layout文件,为其添加皮肤。用记事本打开start.xml,按照左侧SkinEditor中的Coords栏中的数值依次修改皮肤的offset值:

01    < ?xml version="1.0" encoding="UTF-8"?>    
02    < MyGUI type="Resource" version="1.1">    
03        < Resource type="ResourceSkin" name="UIstart" size="200 200" texture="UI.png">    
04            < BasisSkin type="SubSkin" offset="0 0 200 200" align="Stretch">    
05                < State name="normal" offset="755 133 200 200"/>    
06            < /BasisSkin>    
07        < /Resource>    
08        < Resource type="ResourceSkin" name="background" size="362 572" texture="UI.png">    
09            < BasisSkin type="SubSkin" offset="0 0 362 572" align="Stretch">    
10                < State name="normal" offset="304 0 362 572"/>    
11            < /BasisSkin>    
12        < /Resource>    
13    < /MyGUI>

创建Init.xml。具体步骤为:新建一个记事本文件,写入代码,保存并关闭后,修改其后缀名为xml。代码如下:

1< ?xml version="1.0" encoding="UTF-8"?>2< MYGUI type="List" >3
 < list file="start.xml"/>4< /MYGUI>

 

修改gui_core.xml。往里添加一条语句:

01< ?xml version="1.0" encoding="UTF-8"?>02< MyGUI type="List">03
 < List file="gui_fonts.xml"/>04
 < List file="MyGUI_Images.xml"/>05
 < List file="MyGUI_CommonSkins.xml"/>06
 < List file="MyGUI_BlackOrangeTheme.xml"/>07
 < List file="MyGUI_Pointers.xml"/>08
 < List file="MyGUI_Layers.xml"/>09
 < List file="MyGUI_Settings.xml"/>10
 < List file="Init.xml"/>11< /MyGUI>

 

在Layout editor中,将文件与引擎UIMedia相关联,方法同Skin editor关联方法相同。最终按钮添加皮肤后的效果如图7-3-1所示。


图7-3-1

步骤4:

在引擎中,为"开始"按钮,编译点击事件,相关代码如下所示。

01
class RestartPanel
02
{
03
  public void Init()
04
 {
05
  //注册开始界面
06
  GUI.RegisterLayout(_windowName, @"Layout\Restart.layout", false, true);
07
  //注册按钮点击事件
08
  GUI.UIWidget.SetEventMouseButtonClick(_windowName, "RestartButton", OnRestartBtnClick, EventControl.Add);
09
 
10
  //自适应屏幕分辨率
11
  IntSize screenSize = GUI.GetScreenSize();
12
  IntPoint UIpos = new IntPoint((int)(screenSize.width * 0.5f - GUI.UIWidget.GetSize(_windowName, "_Main").width * 0.5f),(int)(screenSize.height * 0.5f - GUI.UIWidget.GetSize(_windowName, "_Main").height * 0.5f));
13
          GUI.UIWidget.SetPosition(_windowName, "_Main", UIpos);
14
 
15
  GUI.SetLayoutVisible(_windowName, true);
16
 }
17
 
18
 public void SetVisible(bool vis)
19
 {
20
  GUI.SetLayoutVisible(_windowName, vis);
21
 }
22
 private void OnRestartBtnClick(FString sender)
23
 {
24
  //控制游戏暂停与开始逻辑
25
  bool pause = Logic.LogicMgr.Instance.IsPause;
26
  Logic.LogicMgr.Instance.SetPause(!pause);
27
  GUI.SetLayoutVisible(_windowName, false);
28
 }
29
 
30
 FString _windowName = "RestartPanel";
31
 bool _isPlaying = true;
32
}

 

引擎官方网站:http://www.genesis-3d.com.cn/

官方论坛:http://bbs.9tech.cn/genesis-3d/

官方千人大群:59113309   135439306

YY频道-游戏开发大讲堂(完全免费,定期开课):51735288 

Genesis-3D开源游戏引擎:游戏起源,皆因有我!!!


© 著作权归作者所有

Genesis-3D
粉丝 12
博文 34
码字总数 33360
作品 0
佛山
私信 提问
《Genesis-3D开源游戏引擎--横版格斗游戏制作教程08:虚拟键盘实现》完结

8.虚拟键盘实现 概述: 硬键盘就是物理键盘,平时敲的那种。软键盘是虚拟的键盘,不是在键盘上,而是在"屏幕"上。虚拟按键就是虚拟键盘的一部分,根据功能需求,提供部分按键效果的UI可操控按...

Genesis-3D
2014/01/14
365
0
《Genesis-3D开源游戏引擎--横版格斗游戏制作教程03:碰撞检测》

3.碰撞检测 碰撞检测的概述: 碰撞在物理学中表现为两粒子或物体间极端的相互作用。而在游戏世界中,游戏对象在游戏世界自身并不受物理左右,为了模拟真实世界的效果,需要开发者为其添加属性...

Genesis-3D
2014/01/14
229
0
《Genesis-3D开源游戏引擎--横版格斗游戏制作教程04:技能的输入与检测》

4.技能的输入与检测 概述: 技能系统的用户体验,制约着玩家对整个游戏的体验。游戏角色的技能华丽度,连招的顺利过渡,以及逼真的打击感,都作为一款游戏的卖点吸引着玩家的注意。开发者在开...

Genesis-3D
2014/01/14
305
0
《Genesis-3D开源游戏引擎完整实例教程-跑酷游戏篇:简介及目录》(附上完整工程文件)

跑酷游戏制作 游戏类型: 此游戏Demo,为跑酷类游戏。 框架简介: 游戏通常由程序代码和资源组成。如果说模型、贴图、声音之类的可以给游戏环境提供一个物理描述和设置,那么脚本和代码块会给...

Genesis-3D
2014/01/15
322
0
《Genesis-3D开源游戏引擎--横版格斗游戏制作教程05:技能读表》

5.技能读表 技能读表概述: 技能读表,作为实现技能系统更为快捷的一种方式,被广泛应用到游戏开发中。技能配表,作为桥梁连接着游戏策划者和开发者在技能实现上的关系。在游戏技能开发中,开...

Genesis-3D
2014/01/14
129
0

没有更多内容

加载失败,请刷新页面

加载更多

只需一步,在Spring Boot中统一Restful API返回值格式与统一处理异常

统一返回值 在前后端分离大行其道的今天,有一个统一的返回值格式不仅能使我们的接口看起来更漂亮,而且还可以使前端可以统一处理很多东西,避免很多问题的产生。 比较通用的返回值格式如下:...

晓月寒丶
昨天
61
0
区块链应用到供应链上的好处和实际案例

区块链可以解决供应链中的很多问题,例如记录以及追踪产品。那么使用区块链应用到各产品供应链上到底有什么好处?猎头悬赏平台解优人才网小编给大家做个简单的分享: 使用区块链的最突出的优...

猎头悬赏平台
昨天
29
0
全世界到底有多少软件开发人员?

埃文斯数据公司(Evans Data Corporation) 2019 最新的统计数据(原文)显示,2018 年全球共有 2300 万软件开发人员,预计到 2019 年底这个数字将达到 2640万,到 2023 年达到 2770万。 而来自...

红薯
昨天
66
0
Go 语言基础—— 通道(channel)

通过通信来共享内存(Java是通过共享内存来通信的) 定义 func service() string {time.Sleep(time.Millisecond * 50)return "Done"}func AsyncService() chan string {retCh := mak......

刘一草
昨天
59
0
Apache Flink 零基础入门(一):基础概念解析

Apache Flink 的定义、架构及原理 Apache Flink 是一个分布式大数据处理引擎,可对有限数据流和无限数据流进行有状态或无状态的计算,能够部署在各种集群环境,对各种规模大小的数据进行快速...

Vincent-Duan
昨天
62
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部