【Unity2D入门】制作一款简单的猜数字游戏之制作UI

学习目标:

  简单掌握Unity中关于UI的制作

 


学习内容:

当我们刚刚进入Unity2D时,整个场景会只有一个摄像机Main Camera。而且场景也是蓝色的,这是摄像机的颜色,我们可以点击摄像机在Inspector的Color属性来更改,然后我们就开始创建UI吧

如果你学过JAVA的图形界面的话,肯定知道场景,画布,stage之类的,就像“舞台一样”    Unity也有这些图形,不过它滴UGUI可以不通过代码创建画布,文字,按钮等等。。。

先创建一个Canvas画布,这个类似于“舞台的主体”

在这我们可以添加各种交互如Button和Text和Image

接着我们保存场景名字就叫GuessSceen然后我们就做好UI吧

这里我随便找了几张图片

如果你加入了Button会发现它附带了一个Text,只需要改变它的组件大小,字体大小,以及字体样式就可以有这样的效果

这里我用的TextMeshProGUI组件,可以让字体非常酷炫

我们可以在Window组件上找到点击第一个Font Asset Creator

我把找到字体的网站给大伙分享一下Wizard - Search - dafont.com

当我们下载好以后就可以直接解压缩拖到Project面板中,可以保存我们所有的工程文件。

拖进来然后点击Generate,然后再TextMesh的Font Asset更改

我们还可以让Button按键的颜色在正常,标记和按下时各有不同的颜色,我才用渐变的颜色让按钮变换的时候有视觉效果。


学习产出:

这就是在游戏界面Game中我们真实的样子

猜你喜欢

转载自blog.csdn.net/dangoxiba/article/details/124002329