制作网页游戏的页面。（开始网页，登录账号网页和进入网页）

首先在unity中创建ui-image,然后在game框调整分辨率。然后调整使其从满整个屏幕。然后在网上找一个想要模仿的网页素材（或者自己做的更好。）

首先做开始页面：新建ui--image--将所选图片放入。作开始游戏button;为了显示当点击其有动画时，需要做一个透明图片放入press处。

（左蓝为新建背景层及开始游戏这个按钮，右上蓝1为背景层所放入的图片，下为放入的透明图片（初始button的Transition 为color,点击换为sprite swap即可。））

然后开始做输入账号密码界面

首先做好账号密码输入框(Inputfiled)，然后做好进入游戏button;（为了让每次点击button都有区别是最好重复第一次做button的步骤）；

进入游戏button和两个账号密码Inputfile.

第三张背景当然就是成功进入游戏的界面了。到这个步骤接下来就是如何制作游戏。（上面我们只是做好了我们所需要的界面，接下来我们要编写代码使得button以及别的背景能够转换。）

using UnityEngine;
using System.Collections;
using UnityEngine.UI;     
using System;


public class UIcontrol : MonoBehaviour {
    public GameObject start;      //定义开始游戏项目
    public GameObject Login;    //载入
    public GameObject Enter;     //成功进入
    public GameObject Returen;      //载入页面的返回
    public GameObject reeturn;     //进入游戏后的返回
    public InputField User;         //定义账户名
    public InputField Pw;               //定义密码
    public GameObject waring;     //定义错误提示


    // Use this for initialization
    void Start () {

}

// Update is called once per frame
void Update () {

}

         //定义开始游戏的方法

    public void StartGame()
    {
        start.SetActive(false);     //当按进入游戏时第一个界面消失
        Login .SetActive(true);    //当按进入游戏时第二个界面出现
        Enter.SetActive(false);    //当按进入游戏时第三个界面消失


    }
    public void LoginGame()
    {
        if(User.text=="1"&&Pw.text=="1"){              //当输入的账号密码都为1时执行：
            start.SetActive(false);                                 //当按进入游戏时第一个界面消失
            Login.SetActive(false);                              / /当按进入游戏时第二个界面消失
            Enter.SetActive(true);                               //当按进入游戏时第三个界面出现
        }else                                                    //否则执行：
        {
            waring.SetActive(true);                         //错误提示框出现
        }
    }
    public void Return()
    {
        start.SetActive(true);
        Login.SetActive(false);
        Enter.SetActive(false);


    }
    public void reeeturn()
    {
        start.SetActive(false);
        Login.SetActive(true);
        Enter.SetActive(false);


    }

}

写好脚本后记得挂到主相机上面，并且每个按钮都记得要挂相应的方法，程序才能正常运行。（开始先隐藏后两个界面只显示第一个界面，然后你开始运行，如果点击开始游戏显示第二个界面，输入正确的密码账号显示第三个界面则正常）