虚拟现实制作技术Unity教案项目九 游戏图形界面开发五.docx
- 文档编号:25044749
- 上传时间:2023-06-04
- 格式:DOCX
- 页数:12
- 大小:2.41MB
虚拟现实制作技术Unity教案项目九 游戏图形界面开发五.docx
《虚拟现实制作技术Unity教案项目九 游戏图形界面开发五.docx》由会员分享,可在线阅读,更多相关《虚拟现实制作技术Unity教案项目九 游戏图形界面开发五.docx(12页珍藏版)》请在冰豆网上搜索。
虚拟现实制作技术Unity教案项目九游戏图形界面开发五
章节标题
项目九游戏图形界面开发(五)
课程类型
理论+实践
授课班级
数字媒体应用技术专业
第10周
教学目标
知识
目标
本任务利用UGUI控件开发完整的游戏界面。
能力
目标
掌握使用UGUI系统基本控件开发游戏界面的方法。
重点
使用UGUI系统基本控件开发游戏界面。
难点
代码的编写。
教学方法
任务驱动法、案例法
教学手段采用:
打“√”
模具
实地参观
挂图
现场演练
√
多媒体
√
上机训练
√
CAI
听力训练
虚拟仿真
其他
教学过程设计(分教学步骤列出内容、时间安排、教学方法、训练项目、素材等)
过程
教师活动
学生活动
课程
导入
本案例旨在将UGUI控件整合开发出游戏界面。
实现一套完整的游戏界面,其中包括界面背景、文字标题、进入按钮、设置页面等内容,效果如下图所示。
观看幻灯片
思考
讨论
新
课
步骤1:
打开Unity,创建项目,在Assets视图下新建文件夹,将资源包导入到对应文件夹中(用鼠标直接将资源拖动到文件夹下),这个包包含背景图片、按钮、图标或者其他的游戏元素,如下图所示。
(图片资源在文档结尾,直接另存为使用。
)
步骤2:
在菜单中执行GameObject→UI→Image命令,在场景中添加一个Image,拖动到合适位置,用来显示Spritetexture(背景图片),它继承Canvas。
同时加载EventSystem负责处理场景中的输入、映射和事件。
步骤3:
在Assets目录下,找到menu_background图片,把它拖动到Image控件的Inspector视图中的SourceImage区域中,并调整合适大小,属性面板和添加效果如下图所示。
如果不能拖动,请修改menu_background图片的纹理类型,如下图所示。
单击最后一个工具
,直接在Scene视图中调整拖动图片调整大小。
新
课
步骤4:
按照同样的方法在Menu文件中搜索header_label图片,如下图所示。
然后在菜单中执行GameObject→UI→Image命令,将header_label拖到SourceImage区域中,并调整合适大小,如下图所示。
步骤5:
在菜单中执行GameObject→UI→Button命令,在场景中加入一个按钮,然后选中嵌入的Text元素,设置文本为StartGame,并设定字体样式以及字体大小,如下图所示。
新
课
步骤6:
选中Button,在Inspector面板中找到SourceImage,并赋予图片,调整大小和尺寸,效果如下图所示。
选中按钮,ctrl+d复制制作按钮ExitGame也是同样的制作方法。
下一步编写按钮响应事件。
步骤7:
保存场景mainscene。
新建场景rocketmouse。
在mainscene场景中新建Folder,命名为scripts。
打开scripts文件夹,创建脚本start,编写代码如下:
//创建一个公共的函数,函数名不可与类名相同,此函数用于加载下一个场景,创景名一定要正确,包括大小写
publicvoidStartGame(){
UnityEngine.SceneManagement.SceneManager.LoadScene("RocketMouse");
}
步骤8:
脚本链接。
在视图Hierarchy中创建空物体,GameObject→CreateEmpty。
将脚本链接到空物体上。
然后在Hierarchy视图中选择创建好的按钮button(StartGame按钮),向下滑到Inspector视图的最下方OnClick列表中单击加号,添加脚本链接,把GameObject拖动进去就可。
然后单击游戏对象中的Start脚本的StartGame()函数。
具体如下图所示。
这时还需要打包,按钮StartGame才可实现功能了。
执行File→BuildSettings命令,弹出BuildSettings窗口,单击AddOpenScenes按钮,将当前两个场景mainscene、rocketmouse添加到发布项目中就可关闭窗口,如下图所示。
新
课
在脚本start中继续添加代码:
publicvoidExitGame(){
//宏定义
#ifUNITY_EDITOR
UnityEditor.EditorApplication.isPlaying=False;
#else
Application.Quit();
#endif
}
脚本已经绑定到空对象上了,同样的方法,选择button
(1)(ExitGame按钮),向下滑到Inspector视图的最下方OnClick列表中单击加号,把GameObject拖动进去就可。
然后单击游戏对象中的Start脚本的ExitGame()函数。
具体如下图所示。
步骤9:
创建一个新的Button控件,并将齿轮图片赋予它,把文字去除掉,如下图所示。
步骤10:
新建C#脚本,将其命名为setting,编写代码,并链接到空物体上,代码如下:
//新建一个公共变量,游戏对象,面板
publicGameObjectpanel;
//新建一个私有变量,布尔类型,判断当前是否单击了这个按钮。
默认是没有单击的状态。
privateboolisclick=false;
//单击按钮的时候,相应的功能激活不激活
publicvoidOnclickbutton(){
//如果没有单击的状态
if(isclick==false){
//让isclick为真
isclick=true;
//然后调用函数playRenwu,传递过来激活。
playRenwu(true);
}else{
isclick=false;
playRenwu(false);
}
}
}
//此函数参数类型是布尔型,没有单击的时候
voidplayRenwu(boolisnotclick){
//面板上的游戏对象激活/不激活,就是游戏对象是否在Scene场景中显示,激活时SetActive(isnotclick)的返回值为true,不激活时SetActive(isnotclick)的返回值为false。
panel.gameObject.SetActive(isnotclick);
}
新
课
步骤11:
在菜单中执行GameObject→UI→Panel命令,赋予背景图片,将color选项打开,并在透明度设置为完全遮挡,如下图所示。
Panel最初的状态为未激活,是看不到的,如下图所示。
并在其上添加Button控件,添加图片,设置宽度和高度为40,去除按钮上的字,效果如下图所示。
将Button拖动Panel里去,就设置Button为Panel的子对象,他们成为一个整体,便于管理,此时Button也就为未激活状态,如下图所示。
步骤12:
将创建好的panel赋予setting脚本,如下图所示。
同样的方法,选择Scene视图中的齿轮状按钮button2,向下滑到Inspector视图的最下方OnClick列表中单击加号,把GameObject拖动进去就可。
然后单击游戏对象中的setting脚本的Onclickbutton()函数。
具体如下图所示。
步骤13:
隐藏panel,修改setting脚本。
PublicvoidBack(){
UnityEngine.SceneManagement.SceneManager.LoadScene("mainscene");
}
}
然后设置panel下的button脚本链接。
同样的方法,选择Hierarchy视图中的button3按钮,向下滑到Inspector视图的最下方OnClick列表中单击加号,把GameObject拖动进去就可。
然后单击游戏对象中的setting脚本的Back()函数,将Back界面跳转函数赋予Button,实现界面跳转功能。
具体如下图所示。
步骤14:
进入场景rocketmouse,执行GameObject→UI→Image命令,SourceImage区域中添加图片,并调整合适大小,如下图所示。
新
课
步骤15:
在菜单中执行GameObject→UI→Button命令,去除text,添加图片小奖杯,设置大小,添加button脚本链接。
在视图Hierarchy中创建空物体,GameObject→CreateEmpty。
将脚本startgame链接到空物体上。
选择button,然后在Hierarchy视图中选择创建好的按钮,向下滑到Inspector视图的最下方OnClick列表中单击加号,添加脚本链接,把GameObject拖动进去就可。
然后单击游戏对象中的StartGame脚本的Exitgame()函数。
具体如下图所示。
步骤15:
保存场景,并执行build命令发布,最终测试效果。
课堂
小结
在学习的过程中要求学生突破思维的瓶颈,打破习惯性思维定势,主动学习,做到理论学习与实践结合,培养探究精神和创新能力。
思考
讨论
上机
实训
完成课堂任务利用UGUI控件开发完整的游戏界面
。
作业
布置
观看井岗山精神的视频后,请同学们完成项目拓展开发。
技术要点提示:
请参照“游戏界面开发”实践任务,利用UGUI系统,进行项目开发,首先是主界面的设计,主界面可采用如下的背景纹理。
在主界面中添加了两个按钮,一个按钮命名为“井岗山精神”,另一个按钮命名为“退出”;界面上还有一个金色的五角星图标按钮,点击图标按钮panel界面显示,主界面隐藏,panel界面上显示在井岗山创建第一个农村革命根据地的历史;panel界面上设置返回的图标按钮,点击可返回到主界面;点击“井岗山精神”按钮后进入场景二,在场景二中介绍井岗山精神的具体内容,在场景二中还有一个按钮,点击该按钮可返回到主界面。
资源
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 虚拟现实制作技术Unity教案项目九 游戏图形界面开发五 虚拟现实 制作 技术 Unity 教案 项目 游戏 图形界面 开发
![提示](https://static.bdocx.com/images/bang_tan.gif)