项目02《游戏-05-开发》Unity3D

项目02《游戏-05-开发》Unity3D_第1张图片基于     项目02《游戏-04-开发》Unity3D      ,

【任务】UI背包系统,

首先将Game窗口设置成1920 * 1080,

设置Canvas的缩放模式,:这样设置能让窗口在任意分辨率下都以一个正确的方式显示,

设置数值,

创建空物体作为基础页面,并设置为拉伸,

设置角落位置,

切换为2D视角,

项目02《游戏-05-开发》Unity3D_第2张图片

项目02《游戏-05-开发》Unity3D_第3张图片

项目02《游戏-05-开发》Unity3D_第4张图片

项目02《游戏-05-开发》Unity3D_第5张图片

项目02《游戏-05-开发》Unity3D_第6张图片

创建顶部菜单栏的背景,

项目02《游戏-05-开发》Unity3D_第7张图片

项目02《游戏-05-开发》Unity3D_第8张图片

项目02《游戏-05-开发》Unity3D_第9张图片

项目02《游戏-05-开发》Unity3D_第10张图片

项目02《游戏-05-开发》Unity3D_第11张图片

项目02《游戏-05-开发》Unity3D_第12张图片

项目02《游戏-05-开发》Unity3D_第13张图片

添加选中状态,

项目02《游戏-05-开发》Unity3D_第14张图片

添加未选中状态,

项目02《游戏-05-开发》Unity3D_第15张图片

添加高亮效果图片,

项目02《游戏-05-开发》Unity3D_第16张图片

项目02《游戏-05-开发》Unity3D_第17张图片

项目02《游戏-05-开发》Unity3D_第18张图片

项目02《游戏-05-开发》Unity3D_第19张图片

项目02《游戏-05-开发》Unity3D_第20张图片

食物菜单和武器菜单是一样的,我们将原来的Food删除,ctrl + d复制一份武器菜单修改名为Food

项目02《游戏-05-开发》Unity3D_第21张图片

换上对应食物图片即可,

项目02《游戏-05-开发》Unity3D_第22张图片

注意设置原尺寸大小,

项目02《游戏-05-开发》Unity3D_第23张图片

运行效果,

接下来添加滚动容器,

项目02《游戏-05-开发》Unity3D_第24张图片

做成预制体,

项目02《游戏-05-开发》Unity3D_第25张图片

进入预制体空间,

项目02《游戏-05-开发》Unity3D_第26张图片

设置父节点的透明度为0,

项目02《游戏-05-开发》Unity3D_第27张图片

项目02《游戏-05-开发》Unity3D_第28张图片

项目02《游戏-05-开发》Unity3D_第29张图片

项目02《游戏-05-开发》Unity3D_第30张图片

项目02《游戏-05-开发》Unity3D_第31张图片

项目02《游戏-05-开发》Unity3D_第32张图片

项目02《游戏-05-开发》Unity3D_第33张图片

项目02《游戏-05-开发》Unity3D_第34张图片

项目02《游戏-05-开发》Unity3D_第35张图片

项目02《游戏-05-开发》Unity3D_第36张图片

项目02《游戏-05-开发》Unity3D_第37张图片

项目02《游戏-05-开发》Unity3D_第38张图片

项目02《游戏-05-开发》Unity3D_第39张图片

项目02《游戏-05-开发》Unity3D_第40张图片

项目02《游戏-05-开发》Unity3D_第41张图片

项目02《游戏-05-开发》Unity3D_第42张图片

复制五个,

修改缩放间隔,

调整y轴坐标,

离开预制体空间,

修改滚动条颜色,

做预制体,

滚动容器已完成,

拖拽预制体,

设置宽高位置,

项目02《游戏-05-开发》Unity3D_第43张图片

项目02《游戏-05-开发》Unity3D_第44张图片

项目02《游戏-05-开发》Unity3D_第45张图片

项目02《游戏-05-开发》Unity3D_第46张图片

项目02《游戏-05-开发》Unity3D_第47张图片

项目02《游戏-05-开发》Unity3D_第48张图片

项目02《游戏-05-开发》Unity3D_第49张图片

项目02《游戏-05-开发》Unity3D_第50张图片

项目02《游戏-05-开发》Unity3D_第51张图片

项目02《游戏-05-开发》Unity3D_第52张图片

项目02《游戏-05-开发》Unity3D_第53张图片

项目02《游戏-05-开发》Unity3D_第54张图片

项目02《游戏-05-开发》Unity3D_第55张图片

项目02《游戏-05-开发》Unity3D_第56张图片

项目02《游戏-05-开发》Unity3D_第57张图片

项目02《游戏-05-开发》Unity3D_第58张图片

项目02《游戏-05-开发》Unity3D_第59张图片

背包界面搭建完成,

End.

你可能感兴趣的:(【游戏开发】Unity3D,Unity3D,3D游戏,UGUI,背包系统,界面搭建,第一阶段)