全屏自适应游戏开始界面

功能效果展示

运行环境

Win7,Win8,Win10

Reworld版本 体验版

vc_redist.x64 运行环境

针对零基础读者的补充

下载安装 Reworld对应版本

Reworld官网链接http://www.reworlder.com/

Reworld创作者之家论坛:http://bbs.reworlder.com

下载后安装后注册账号打开空地图

下载安装 vc_redist.x64.rar运行环境

redist.x64下载链接

思路分析

制作全屏自适应UI的意义在于让PC端编辑的游戏在不同比例的手机屏幕上运行时都能达到最好的展示效果,本帖较少一种自适应全屏UI的做法,并且通过点击“开始”按钮,关闭全屏UI显示游戏场景。

由于2D平面UI只能在客户端存在,因此只要通过点击事件将UI的是否显示属性改成“false”取消勾选即可。

功能搭建

UI界面搭建过程

1.在界面初始化下添加2D容器界面并命名为“菜单”。调整基础属性的锚点和宽高参数,将“菜单”的范围铺满屏幕,此时UI界面会随屏幕比例自动缩放。如下图所示:

2.在“菜单”下添加图像控件作为背景,调整基础属性和“菜单”一样铺满屏幕,颜色加深,透明度降低,在做游戏的时候根据需求添加适当图片即可。如下图所示:

3.给菜单添加按钮控件,需要几个加几个就好了,选择一个作为开始游戏的按钮,重命名为“开始”,然后在按钮下添加文本控件,将文本内容改成开始游戏。如下图所示:

4.最后在按钮控件下添加客户端脚本来关闭“”的显示。如下图所示:

编写客户端脚本如下:

local start = script.Parent --定义脚本文件的父级(开始按钮)为start

start.OnClick:Connect(function() --点击按钮触发事件

    GameUI.菜单.IsVisable = false --将“主菜单”界面是否显示取消勾选

end) --通过点击(OnClick)事件修改UI界面的IsVisable属性,实现UI界面的关闭。

补充说明

1.什么是界面初始化?

存放客户端界面,不放置在此服务下的界面需要自行设置显示到客户端。服务对象。 

用于管理和设置默认角色的属性。

不可创建。  

不能用RWObject.Create()函数创建此对象。

不可删除。 

不能用Destroy()函数删除此对象。

不可复制。 

不能用Clone()函数复制此对象。

2.什么是2D容器界面?

   2D容器界面是显示在玩家屏幕上的2DUI对象的主要存储对象。UI对象若要显示在编辑器中,必须作为容器控件的子级。

游戏运行后,存放在界面初始化下的界面会复制到玩家界面下,只有在玩家界面下的界面才能在游戏中显示。

3.什么是按钮控件?

按钮控件用于响应来自用户的事件,经常用于启动或者确认某项操作使用。

4.什么是客户端脚本?

只会在客户端执行的脚本,执行的逻辑和表现也只会在本地客户端展现;可在以下几个文件目录下自动执行,客户端脚本在工作区下不会自动执行,需要放在以下对象里面: 

1. 客户端最先加载 。
2. 工作区中的角色模型玩家初始化中的角色初始化脚本,在运行后会自动移动到角色模型下。 
3. 玩家列表中的玩家玩家初始化中的玩家初始化脚本,在运行后会自动移动到玩家下 
4. 玩家玩家界面界面初始化的脚本,在运行后会自动移动到玩家界面下。 
5. 玩家的背包,例如工具里面的。

5.为什么要使用客户端脚本?

 2D平面UI是只在客户端存在并加载的,在服务器是没有2D平面UI的实体对象的,所以只能客户端脚本来对2D平面UI的信息进行更新修改。其他这种只在客户端存在的实体对象还有摄像机、鼠标、键盘等。

好了,接下来我们开始游戏,点击开始游戏按钮,就能关闭全屏UI啦。如果有什么问题或者有更好的实现方式,大家可以在下方积极交流讨论,我们也会参与进来和大家一起分享经验,期望能和大家共同进步~~

发布了35 篇原创文章 · 获赞 2 · 访问量 5813

猜你喜欢

转载自blog.csdn.net/weixin_41987154/article/details/103308625