初学使用cocos creator + VScode制作一款飞机大战小游戏的学习心得与笔记(二)
说明
本次学习笔记记录的是做游戏的思路,一些无关紧要的细节内容没记录,所给出的代码也仅是方法
补充
每次写完保存项目可在assets处创建一个文件,将项目保存在里面
创建Title
在画布上创建一个空节点,再在空节点下创建一个精灵,并将LOGO拖入精灵中的Sprite Frame中,LOGO位置可自行调整。
接下来在空节点上再创建一个文字(文字内容在属性检查器中的String处编辑)
完成后效果如图:
接下来给文字添加一个简单的上下摆动的动画,在创建好的文件中右键新建一个动画(Animation Clip)
创建好后点开,并添加动画组件
打开动画编辑器,点击左上角的小按钮开始编辑,再添加一个角度动画
然后在angle的选项左键插入五个关键帧,再在属性检查器编辑角度大小,依次是0,10,0,-10,0
然后在WarpMode出选Loop(为一直循环播放动画),并可以在下方调动画速度,再在属性检查器处勾选上自动播放
敲重点:做完任何一个动画或改动都要点保存
添加屏幕触摸事件
打开上次的脚本添加触摸方法(可自行去cocos官网找,非常详细),代码如下
this.node相当于画布,可触发整个视图里的事件
点击屏幕后使内容消失添加代码(active为**状态,等于fasle时即将画布上的某一部分关闭不显示):
添加暂停按钮
在画布上添加一个空节点,并在空节点上添加一个按钮(可把按钮下的Lable文件删了),并将暂停图片拖入其中(拖入方法在一中有)
再在属性检查器中选图片尺寸(RAW表示取原始图片未剪裁的尺寸)
再设置下点击按钮的效果(点击按钮在0.1S内放大图片1.2倍又返回原大小)
添加按钮触发事件,数字为几则为添加几个触发事件
在脚本里写上事件方法,然后拖入其中
添加暂停页面
属性检查器中有一个选项可以调图片透明度
在画布上添加三个按钮(继续,重新开始,回到主页),按钮位置大小自行调整。每个按钮再绑定一个触发事件,并给事件取名
在背景图的属性检查器中可添加一个组件(即点击暂停按钮弹出暂停界面后。暂停界面下方的东西将无法点击)
界面切换
在脚本中声明事件后记得在画布中将其与画布关联起来
在脚本中编辑页面状态,刚开始的时候游戏准备界面**,暂停界面与游戏界面关闭
跳转界面即在各按钮处编辑页面的**状态,方法如下