【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中我们真实的样子