SIKI学习——贪吃蛇案例02

01-完成开始场景的界面

在Bg下新建一张Image,更名为Food1,所有图片的透明度都是150.
SIKI学习——贪吃蛇案例02_第1张图片
再多复制几张,调整其图片和位置
SIKI学习——贪吃蛇案例02_第2张图片
SIKI学习——贪吃蛇案例02_第3张图片
SIKI学习——贪吃蛇案例02_第4张图片
SIKI学习——贪吃蛇案例02_第5张图片
SIKI学习——贪吃蛇案例02_第6张图片
SIKI学习——贪吃蛇案例02_第7张图片
SIKI学习——贪吃蛇案例02_第8张图片
SIKI学习——贪吃蛇案例02_第9张图片
SIKI学习——贪吃蛇案例02_第10张图片
调整按钮Go至合适位置。
SIKI学习——贪吃蛇案例02_第11张图片
在ControlPanle下,新建Text,更名为Skin
SIKI学习——贪吃蛇案例02_第12张图片
SIKI学习——贪吃蛇案例02_第13张图片
复制Skin更名为Mode
SIKI学习——贪吃蛇案例02_第14张图片
SIKI学习——贪吃蛇案例02_第15张图片
复制Mode更名为Score
SIKI学习——贪吃蛇案例02_第16张图片
SIKI学习——贪吃蛇案例02_第17张图片
在Score下新建Text,更名为Last
SIKI学习——贪吃蛇案例02_第18张图片
SIKI学习——贪吃蛇案例02_第19张图片
复制Last更名为Best
SIKI学习——贪吃蛇案例02_第20张图片
新建一个Toggle更名为Border
SIKI学习——贪吃蛇案例02_第21张图片
SIKI学习——贪吃蛇案例02_第22张图片
SIKI学习——贪吃蛇案例02_第23张图片
SIKI学习——贪吃蛇案例02_第24张图片
按住Alt键在选择
SIKI学习——贪吃蛇案例02_第25张图片
SIKI学习——贪吃蛇案例02_第26张图片
SIKI学习——贪吃蛇案例02_第27张图片
复制Border更名为NoBorder
首先选中Border和NoBorder设置其锚点和位置
SIKI学习——贪吃蛇案例02_第28张图片
SIKI学习——贪吃蛇案例02_第29张图片
SIKI学习——贪吃蛇案例02_第30张图片
设置NoBorder下的子控件
SIKI学习——贪吃蛇案例02_第31张图片
SIKI学习——贪吃蛇案例02_第32张图片
在Mode下添加ToggleGroup组件,这是为了确保我们选择模式的时候,只有一个被激活。
SIKI学习——贪吃蛇案例02_第33张图片
SIKI学习——贪吃蛇案例02_第34张图片
SIKI学习——贪吃蛇案例02_第35张图片
在Skin下新建一个Toggle更名为Blue
在Skin上添加ToggleGroup组件
SIKI学习——贪吃蛇案例02_第36张图片
SIKI学习——贪吃蛇案例02_第37张图片
SIKI学习——贪吃蛇案例02_第38张图片
SIKI学习——贪吃蛇案例02_第39张图片
SIKI学习——贪吃蛇案例02_第40张图片
SIKI学习——贪吃蛇案例02_第41张图片
SIKI学习——贪吃蛇案例02_第42张图片
SIKI学习——贪吃蛇案例02_第43张图片
SIKI学习——贪吃蛇案例02_第44张图片
SIKI学习——贪吃蛇案例02_第45张图片
SIKI学习——贪吃蛇案例02_第46张图片
SIKI学习——贪吃蛇案例02_第47张图片
SIKI学习——贪吃蛇案例02_第48张图片
SIKI学习——贪吃蛇案例02_第49张图片
SIKI学习——贪吃蛇案例02_第50张图片
复制Blue更名为Yellow
修改其位置
SIKI学习——贪吃蛇案例02_第51张图片
调整其背景颜色
SIKI学习——贪吃蛇案例02_第52张图片
SIKI学习——贪吃蛇案例02_第53张图片
SIKI学习——贪吃蛇案例02_第54张图片
SIKI学习——贪吃蛇案例02_第55张图片

你可能感兴趣的:(SIKI学习项目02_贪吃蛇)