小白如何通过按钮进行cocoscreator场景的切换

通过按钮进行Cocos Creator场景的切换

1.首先这里是我们的初始界面,我在assets下创建了三个文件夹,分别是:img(装图片的),scence(装场景的)以及我们的script(装我们脚本文件的)。——这里说明一下我是用TS做的(cocos creator2.4.4版本)以及我用的是经典布局(上方导航栏中的布局 ==> 经典布局)
在这里插入图片描述
2.点开我们的画布(Canvas),创建了一个精灵。
在这里插入图片描述
3.在这里我们改一下我们精灵的名字。
在这里插入图片描述
4.我在文件夹img下面插入了三张图片(直接往img文件夹下拖拽图片),并把名字叫main的图片拖拽到右边的Sprite下的 Spritr Frame中(如图)
在这里插入图片描述
5.此时我们来改一下画布(canvas)的大小和图片的大小,点开层级管理器下面画布,在属性选择器Node下面的size(大小)中改变画布的大小,我的是1136,640(按照照片大小做的,当然也可以随意更改)
在这里插入图片描述
6.同理我们改一下图片的大小,我们已经把图片插入了bg组件里(如若不懂,请看第四步),点开层级管理器中的bg组件,在属性选择器Node下面的size(大小)中改变bg的大小,还是用的1136,640(纯属美观,可随意设置)
在这里插入图片描述
按Ctrl+S保存一下,并起一下场景的名字,我的叫gamestart,然后打开我们已经创建好的scence文件夹,进入后保存即可(傻瓜式操作)
在这里插入图片描述
+++++++++++++++++++++++++++++++++++++(就当我是分割线)
在这里插入图片描述
=================================(上面不是分割,我才是。。。。。)
在这里插入图片描述
到这里呢,我们的第一个场景我搭建完了。
7.然后我们开始搭建我们的第二个场景吧
在这里插入图片描述
第二个场景我起的是gameing
在这里插入图片描述
然后双击gameing(第二个搭建场景的名字),进入我们的画布,然后如同从第一步开始,搭建我们的第二个场景(我的已经搭好了,你们呢,记得保存哦)
在这里插入图片描述
然后双击我们的第一个场景名字,进入我们的第一个场景画布,开始搭建我们的按钮
在这里插入图片描述
8.我把按钮名字改成了play(看个人喜好更改),同操作三
在这里插入图片描述
让我们的按钮更加美观,插个图片把,改变一下按钮大小
在这里插入图片描述
看到字难受,我就删了,右击删除即可
在这里插入图片描述
为了特效,点击按钮变大在这里插入图片描述
我设置成了1.5倍
在这里插入图片描述
9.开始创建我们的代码脚本吧
在这里插入图片描述
创建好了双击我们的脚本,进入代码界面
在这里插入图片描述
代码如图(画圈的可随意写,相当于手牌,用于链接用,小白就和我一样写吧,省的傻乎乎的跟丢了)记得保存哦在这里插入图片描述
把脚本go拖入绿色框
在这里插入图片描述
这个时候把红圈内的0改成1,把左上角的绿色圆圈画布拖入到右下角的绿色圆圈中,找到我们的脚本go下面的goToGame方法
在这里插入图片描述
保存一下,我们运行就好了
在这里插入图片描述
下面就是我们的效果图,是不是学到了呢。可能上边我说的脚本组件有模糊的地方,给个机会嘛,我也才开始学啊。

  • 3
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值