Unity 3D项目问题笔记 //02_制作 2D UI相关问题
2017-09-04 22:35
656 查看
一、游戏开始 UI 一般都存在 button 供玩家选择,所以在创建 UI 时,我们可以在 Hierarchy 窗口中,右键选择 UI 然后选择 button, Hierarchy 中会出现 button,button 会有一个上级,也就是 Canvas 画布。除此之外,选中 Canvas 还要在右侧的 Inspector 中进行两个改动:
①
②
然后接下来在 Scene 窗口中选择 2D 按钮,即可将画布调整为 2D 视角,再调节 button 的位置,以在 Game 窗口中出现在合适的位置。
二、那么如何给 button 添加自己想要的图片呢,拖到 Source Image 里就行了,然后点击 Set Native Size ,即保持图片原尺寸(可以手动调节按钮的大小):
这样调整完之后我们会发现,在按钮上还会存在着 button 字样,去除方法:将 Text 删除,调节完之后右上角可重命名,然后保存:
三、那下面来添加一张 UI 的背景图片,在 Canvas 下右键 UI -> Image ,即可在场景中新建一个 Image,我们就将背景图片设置在这个 Image 里面。
注意,拖进去之后我们会发现图片很小,那如何使图片自适配游戏窗口大小呢:如图按住 Alt 键,然后选择右下角的图标即可(对按钮也要做此设置,按钮为底端对齐):
(注意 Canvas 下对象的上下顺序具有层次性,反应在视角里)
四、给 UI 添加背景音乐,我们可以给摄像机添加背景音乐:选中摄像机,add component ,选择 audio source,勾选 loop 循环播放,将音乐文件拖入到 AudioClip 。
(canvas:帆布,画布;render:呈现;manual:手册;audioclip:音频剪辑)
①
②
然后接下来在 Scene 窗口中选择 2D 按钮,即可将画布调整为 2D 视角,再调节 button 的位置,以在 Game 窗口中出现在合适的位置。
二、那么如何给 button 添加自己想要的图片呢,拖到 Source Image 里就行了,然后点击 Set Native Size ,即保持图片原尺寸(可以手动调节按钮的大小):
这样调整完之后我们会发现,在按钮上还会存在着 button 字样,去除方法:将 Text 删除,调节完之后右上角可重命名,然后保存:
三、那下面来添加一张 UI 的背景图片,在 Canvas 下右键 UI -> Image ,即可在场景中新建一个 Image,我们就将背景图片设置在这个 Image 里面。
注意,拖进去之后我们会发现图片很小,那如何使图片自适配游戏窗口大小呢:如图按住 Alt 键,然后选择右下角的图标即可(对按钮也要做此设置,按钮为底端对齐):
(注意 Canvas 下对象的上下顺序具有层次性,反应在视角里)
四、给 UI 添加背景音乐,我们可以给摄像机添加背景音乐:选中摄像机,add component ,选择 audio source,勾选 loop 循环播放,将音乐文件拖入到 AudioClip 。
(canvas:帆布,画布;render:呈现;manual:手册;audioclip:音频剪辑)
相关文章推荐
- Unity 3D项目问题笔记 //01_在 unity 中切割 2D图片
- Unity 3D项目问题笔记 //03_unity 中的 Toggle 问题
- IOS开发笔记(10)IOS 静态库的相关问题—如何添加与制作
- C#程序员整理的Unity 3D笔记(二十):2D Toolkit之官方教程《Whack a Mole》
- [cocos2d-x学习笔记][入门基础]Box-2d物理引擎的使用02制作一个简易的愤怒小鸟Demo
- Unity项目中UI同学需知的程序相关要点
- 【Unity 3D】使用 2DToolkit 插件 制作2D精灵动画
- 【Unity 3D】学习笔记二十:基础2D游戏界面
- unity 3D自己学习笔记(天空盒子相关)
- Unity 3D的创建项目时的2D 3D选择的差别。
- [Unity官方文档翻译]2D or 3D Projects Unity中2D和3D项目的区别
- python -DBSAN-笔记(及相关问题)11-02-2017
- 【Unity 3D 游戏引擎】使用 2DToolkit 插件 制作2D精灵动画
- cocos2d.3.10导入安卓项目相关问题笔记
- 笔记 3d模型转为 2dUI中的 坐标
- Unity学习笔记1 简易2D横版RPG游戏制作(一)
- Unity项目中UI同学需知的程序相关要点
- 【Unity 3D】学习笔记二十九:游戏实例——简单小地图制作
- unity5.5版本制作UFO2D项目
- Unity 3d 使用NGUI做UI时遇到的奇怪问题