Unity3D笔记 愤怒的小鸟<三> 实现Play界面2
前言:在Play页面中给Play页面添加一个“开始游戏”和“退出游戏”按钮顺便再来一个背景音乐
添加按钮可以是GUI.Button(),也可以是GUILayout.Button();给图片添加按钮可以用到GUISkin()也可以是GUIStyle(),这些有点和WebForm中开发用到的CSS样式相似,GUIStyle组成了GUISkin。
大致方法如下:
1、Assets-右键新建一个GUI Skin
2、自定义两个按钮:游戏开始按钮和回到游戏主页按钮

3、具体设置就是放入按钮图片,仔细看看和WebForm中的样式是不是很有一家的感觉

4、代码
#pragma strict
var mySkin:GUISkin;//GUISkin
var quitButton:Texture2D;//退出界面
var okButton:Texture2D;
var closeButton:Texture2D;
var closeButtonPosition:Rect=new Rect(21, 112, 115, 88);//回到主页中的关闭按钮
var okButtonPosition:Rect=new Rect(260, 116, 115, 115);//回到主页中的确定按钮
private var myWindow:Rect=new Rect(400-250,300-60,431,215);
private var showWindow:boolean=false;
private var isQuit:boolean=false;
function Start () {
}
function Update () {
}
function OnGUI(){
GUI.skin=mySkin;
if(showWindow){//显示退出主页对话框
myWindow=GUI.Window(0, Rect(90, 100, 400, 200), DoMyWindow, ""); //GUI.Window(0,myWindow,DoMyWindow,"");
}
else{
if(GUI.Button(Rect(Screen.width/2.0-221,Screen.height/2.0-100 ,442*0.8,283*0.8),"",GUI.skin.GetStyle("PlayButton"))){
Application.LoadLevel(3);//下一个场景3
}
if(GUI.Button(Rect(Screen.width-120,Screen.height-120 ,110,110),"",GUI.skin.GetStyle("HomeButton"))){//退出
showWindow=true;
}
}
}
function DoMyWindow(windowID:int){
GUI.DrawTexture(Rect(0,0,398,275),quitButton);
if(GUI.Button(closeButtonPosition,closeButton))//是否退出程序:否
showWindow=false;//不显示退出窗口
if(GUI.Button(okButtonPosition,okButton))////是否退出程序:是
Application.Quit();//退出程序
}
5、注意事项
创建完Window后会发现鼠标只显示在Play按钮和主页按钮的后面,这时需要调整鼠标的深度,在customCusor.js中添加代码如下

6、背景音乐
6.1

6.2

7、运行效果


画的有点丑,样式控制折腾了半天还是需要学习,另外资源文件也需要在找找。不过还好效果出来了。。。。。。
Unity3D笔记 愤怒的小鸟<三> 实现Play界面2的更多相关文章
- Unity3D笔记 愤怒的小鸟<二> 实现Play界面
创建Play界面.能个把各个图片组合成一个场景,场景组成后背景能够不停的滚动,当鼠标单击时显示图片手型鼠标 一.GUI Texture 1.创建背景.地面.树木.草 ,这里注意Z轴的排序,一层一层则第 ...
- Unity3D笔记 愤怒的小鸟<四> 实现Selelction界面
一直跟着龚老师用js写,VS智能感应用习惯后发现这里用js对初学者比较蛋疼,MONO有提示但是还是无法和VS媲美就目前来看.所以这次还是换成熟悉的VS来开发. 目标:实现关卡页面 跑起来的效果如下: ...
- Unity3D笔记 愤怒的小鸟<一>场景切换
新建3个场景,场景1 Start 十秒后自动切换到场景2 Splash,场景2在二秒后自动切换到场景3 Selection 一.场景一Start 二.场景2 Splash 三.场景3 Selectio ...
- Unity3D笔记 GUI 三、实现选项卡二窗口
实现目标: 1.使用个性化Box控件 2.个性化Lable控件 3.添加纵向滚动条 4.新建SelectedItem样式 一.最终效果: 二.主要代码 using UnityEngine; using ...
- Unity3D笔记 愤怒的小鸟<七> 小鸟群准备动画
要实现的目标: 1.3只小鸟初始动画 2.完善代码slingShot.js 3.完善代码BirdMoving.js 1.实现3个准备动画:Unity3D内置的动画管理器 1.1.先选择GameObje ...
- Unity3D笔记 愤怒的小鸟<六> 弹弓发射小鸟
要实现的目标 实现个性化的鼠标 实现弹弓 选择小鸟.拉升弹弓.发射小鸟 弹弓橡皮筋 声音 1.实现个性化鼠标 效果 2.添加弹弓 建立两个材质 创建一个空GameObject 把两个shoot拖进来统 ...
- Unity3D笔记 愤怒的小鸟<五> 小鸟动画+Unity3D如何设置断点调式
前言:实现小鸟的动画,之前吐槽过js写U3D,就改成了C#来写,没想到遇到问题了. 实现的效果 using UnityEngine; using System.Collections; /// < ...
- Unity3D游戏-愤怒的小鸟游戏源码和教程(二)
Unity愤怒的小鸟游戏教程(二) 本文提供全流程,中文翻译.Chinar坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) AngryEva游戏效果 ...
- firefox 扩展开发笔记(三):高级ui交互编程
firefox 扩展开发笔记(三):高级ui交互编程 前言 前两篇链接 1:firefox 扩展开发笔记(一):jpm 使用实践以及调试 2:firefox 扩展开发笔记(二):进阶开发之移动设备模拟 ...
随机推荐
- 网络上可供测试的Web Service
网络上可供测试的Web Service 腾讯QQ在线状态 WEB 服务Endpoint: http://www.webxml.com.cn/webservices/qqOnlineWebService ...
- GitHub 二次验证收不到短信咋办?
身在天朝,用了国外的代码托管服务,会有些烦恼的. 网速慢就不说了,如果启用了二次验证,短信收不到那就悲催了. 之前的都能收到短信的,突然间尝试了很多天都不行,联系github的客服,几次的答复如下: ...
- jquery判断某个属性是否存在 hasAttr
在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $(" ...
- html 内联函数宽度设置
width and/or height in tables are not standard anymore; as Ianzz says, they are depreciated. Instead ...
- redis sentinels哨兵集群环境配置
# Redis configuration file example. # # Note that in order to read the configuration file, Redis mus ...
- Ubuntu 16.04服务器 软件的安装及配置
SSH的安装及配置 SSH分客户端openssh-client和openssh-server 如果你只是想登陆别的机器的SSH只需要安装openssh-client(ubuntu有默认安装,如果没有则 ...
- Lab6: Paxos
Introduction In labs 6 and 7, you will replicate the lock service using the replicated state machine ...
- Memcache未授权访问漏洞
Memcached 分布式缓存系统,默认的 11211 端口不需要密码即可访问,黑客直接访问即可获取数据库中所有信息,造成严重的信息泄露. 0X00 Memcache安装 1. 下载Mencache的 ...
- windows之IP地址(一)
服务器: 顾名思义,是服务我们上网的机器.结构组成上和普通的PC结构相似,装了服务器版的系统后都可以作为服务器使用,但前者可靠性高.服务器是网络这个网上的中间节点,供每台终端进行访问.数据信息保存,有 ...
- windows下nodejs与coffeeScript环境搭建
[本文档摘抄自网上资料] 安装NodeJS和CoffeeScript方法 首先安装Node(因为nodeJs是服务器端javascript运行环境),到http://nodejs.org/下载对应格式 ...
