学习目标:
简单掌握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中我们真实的样子