
接上一篇,刚刚我们创建了一个新的项目,我们把helloworld跑起来看看项目有没有问题。没有问题我们把项目的场景文件,和资源都删掉。然后把我们的资源加到项目的 Texture 目录里,然后在资源管理器就可以看到了。
1、在资源管理器的Scene上右键==》新建==》Scene。如图:
然后把场景重命名为GameBegin即可。
2、双击 GameBegin 进去该场景,在层级管理器上点击 Canvas。在右侧属性检查器里,修改宽度和高度为640 *960大小。勾选Fit Height 即可。如图:
3、在资源管理器的Texture里找到startBg.png 然后拖进我们的层级管理器Canvas里或者场景编辑器里,然后设置坐标为0,0,重命名为【startBg】。
4、在层级管理器Canvas上右键然后,依次选中【创建节点】=>【创建UI节点】=>【Button(按钮)】。
5、然后重命名为【startBtn】,删除下面的label子节点。然后把资源管理器中的startBtn.png拖到其属性检查器的对应位置。如图。
如图,我们的启动界面是不是很酷啊。几分钟就做好了,这就是creator的优势所在。下面我们继续制作主场景和结束场景。
=======================================================================
【教程目录:】
CocosCreator制作H5游戏《抢月饼》教程1:游戏分析及项目创建
http://www.byjth.com/CocosCreator/85.html
CocosCreator制作H5游戏《抢月饼》教程2:制作游戏启动场景
http://www.byjth.com/CocosCreator/86.html
CocosCreator制作H5游戏《抢月饼》教程3:实现游戏主场景界面及子逻辑
http://www.byjth.com/CocosCreator/87.html
CocosCreator制作H5游戏《抢月饼》教程4:实现游戏掉落物品及控制脚本
http://www.byjth.com/CocosCreator/88.html
CocosCreator制作H5游戏《抢月饼》教程5:实现游戏主场景主线核心逻辑
http://www.byjth.com/CocosCreator/89.html
CocosCreator制作H5游戏《抢月饼》教程6:实现游戏的结束场景和积分显示
http://www.byjth.com/CocosCreator/90.html
CocosCreator制作H5游戏《抢月饼》教程7:游戏总结以及打包分享
http://www.byjth.com/CocosCreator/91.html
【游戏预览】
http://www.byjth.com/MyGame/mobile/QiangYueBing/index.html【手机访问】
【代码资源】
链接: https://pan.baidu.com/s/1geVMbS3 密码: wxyx
=========================================================================
本文地址:https://www.byjth.com/QiangYueBing/86.html
版权声明:若无注明,本文皆为“闭眼就天黑专栏_技术博客_个人学习总结”原创,转载请保留文章出处。
- CocosCreator制作H5游戏《抢月饼》教程2:制作游戏启动场景
- CocosCreator制作H5游戏《抢月饼》教程5:实现游戏主场景主线核心逻辑
- CocosCreator制作H5游戏《抢月饼》教程3:实现游戏主场景界面及子逻辑
- CocosCreator制作H5游戏《抢月饼》教程6:实现游戏的结束场景和积分显示
- CocosCreator制作H5游戏《抢月饼》教程1:游戏分析及项目创建
- CocosCreator制作H5游戏《抢月饼》教程7:游戏总结以及打包分享
- CocosCreator制作H5游戏《抢月饼》教程4:实现游戏掉落物品及控制脚本
版权所有:《闭眼就天黑专栏_技术博客_个人学习总结》 => 《CocosCreator制作H5游戏《抢月饼》教程2:制作游戏启动场景》
本文地址:https://www.byjth.com/QiangYueBing/86.html
除非注明,文章均为 《闭眼就天黑专栏_技术博客_个人学习总结》 原创,欢迎转载!转载请注明本文地址,谢谢。