今天,完成游戏的初始搭建。
我用的是FairyGUI。综合考虑,额外用一个软件设计UI是值得的,教程在这里:https://www.bilibili.com/video/av29751288
在FairyGUI中完成整个界面的绘制后,导入到Unity的assert文件夹下的Resources文件夹下即可。
第二步是在unity store中下载FairyGUI插件。
插件下载完毕后,在场景sence中新建FairyGUI->UIPannel,创建这个UIPannel会额外多出一个stageCamera,两个摄像机是不必要的,因此把mainCamera删除即可。
然后在此UIPannel中添加插件FairyGUI->UIContentScaler,没有安装FairyGUI是不会显现的,这个插件用来使stageCamera正对UI,做法是:
将Scale Mode设为Scale with screen size
下面的x, y值分别设为800*600,这代表我在fairyGUI中设定的界面大小就是800*600,这样即可对齐。
然后新建一个script脚本添加到UIPannel上,进入这个脚本。
在脚本上,先添加命名空间:using FairyGUI;
然后输入下面代码:
void Start()
{
UIPanel panel = gameObject.GetComponent(); // 获取UIPannel
GComponent view = panel.ui;
GButton button = view.GetChild("StartButton").asButton; // 获取UIPannel中的控件,例如一个按钮
button.onClick.Add(OnClick); // 添加点击事件监听
}
void OnClick(){
Debug.Log("yes");
SceneManager.LoadScene(1); // 进入下一个场景,首先得创建这个场景。
}
那么此阶段就差不多了,效果如下:
点击后进入下面的场景:
最后,一定要注意几个点:
FairyGUI改动后是否发布?
脚本编写后是否存储?是否附着到了物体上?