UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体

在这篇教程里,我们将开始制作UI的预制体

在这个教程里总共需要:菜单面板、设置面板、积分面板、结束面板


首先来制作菜单面板

在GameFramework物体下找到UI Form Instances,为其添加一个空物体,命名为MenuForm,将其长宽与锚点对齐四个角

UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体


然后依次为其添加背景与标题作为子物体,设置好锚点

UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体


添加两个按钮,分别修改文字为开始与设置

UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体


最后添加三段文本作为游戏提示

UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体



接下来我们以相同的方式来创建设置面板

在UI Form Instances下,为其添加一个空物体,命名为SettingForm,将其长宽与锚点对齐

UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体


添加一张白色Image作为背景,一个Button用来作关闭面板的按钮

UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体


然后添加一个Text,命名为MusicSetting,修改文本内容,并为其添加一个Slider作为子物体,适当修改颜色

UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体


将其整个复制一份并调整位置,修改名字为SoundSetting,修改文本内容

UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体


这样设置面板就OK了,接下来制作积分面板,很简单,只需要一个Text显示积分就行

UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体


最后我们来制作结束面板,也很简单,先把游戏结束的图片和积分提示文本弄上去

UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体


放两个按钮上去,需要的UI就做完了

UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体


把这4个UI全部拖到GameMain/UI/UIForms下作为预制体

UGF游戏框架实例开发教程—FlappyBird(三)制作UI的预制体