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

首先在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);

}

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

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

单机网页游戏的如何修改服务器数据库,三国志单机页游网页版一键端+教程及修改工具...
简要教程如下: 1.点击三国志网页版一键端,输入解压密码后,直接放在D盘根目录,切记. 2.运行D盘里SGZserver目录下的第一步,切记两个对号都勾选,点启动. 3.无脑操作,依次打开第二步,第三 ...
python编写网页游戏脚本_[大数据]用Python脚本做一些网页游戏中力所能及的自动化任务 - 码姐姐找文...
下面是一段自动登录360传奇霸业游戏的脚本: from pymouse importPyMouseimporttimeimportwebbrowserfrom pykeyboard importPyK ...
HTML制作开心网游戏静态页面
css代码: <style>*{margin: 0px; padding: 0px;}#top1{position: relative;width: 1000px;height: 45px ...
【移动端网页布局】移动端网页布局基础概念 ⑧ ( 移动端页面布局方案 | 单独制作的移动端页面 - 主流 | 响应式页面兼容移动端 - 开发难度较大 )
文章目录一.移动端页面布局方案 1.单独制作的移动端页面 2.响应式页面兼容移动端一.移动端页面布局方案移动端页面方案 : 单独制作的移动端页面 : 主流开发方案 , PC 端与移动端访问 ...
网页内置html5游戏,爽爆HTML5网页游戏！教你怎么精选浏览器
HTML5的超强性能给人们提供了无尽的可能,首当其冲发挥HTML5性能的必然是网页游戏.在告别笨重的Flash之后,HTML5网页游戏会带给玩家不一样的体验,特别是HTML5可允许网页与硬件直接交互, ...
转:网页游戏都有哪些安全问题
十月一的假期间,在知乎上看到一个问题<网页游戏都有哪些安全问题?>, 我是一个网页游戏开发者,对这个问题非常感兴趣,印象比较深刻.当时是在游玩,也没时间细看这个问题.后来,在微博上,有一位 ...
剖析网页游戏前景三大趋势或助其健康发展
2006年前,<武林足球经理>.<天书奇谭>等多款网页游戏在国内已经取得了不俗的成绩,用户也已达到了一定规模.但受困于没有清晰的盈利模式支持,整个行业始终处于一种停滞不前的状态 ...
网页游戏服务器应该如何挑选？
网页游戏又叫无端网游.页游,基于网页的多人在线游戏,不需要下载客户端,打开网页就能玩的网络游戏. 页游运营平台架构由平台接入层和游戏服务器群组成.平台接入层主要是为平台的提供运营平台官方网站登陆和账户 ...
社交网站击溃游戏专业队占领近9成网页游戏市场
Facebook成功诱惑了中国SNS社交类网站的风生水起.跟风多年之后,同质化严重的SNS社区网站常被业界诟病,但却不能掩盖它们之间你死我活的竞争局面.尽管SNS已经不是现今最火的互联网现象,但从&q ...

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

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

最新文章

热门文章