CocosCreator开发合成大西瓜（七）

六月七
206 阅读2分钟

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第7天，点击查看活动详情

上一次，我们主要说了添加一些爆炸后的一些效果，今天我们说下增加分数

1. 之前我们已经创建了显示分数的元素节点，今天我们说下如何增加分数的数值。在脚本game上增加一个函数，只需将当前的分数累加并在界面上显示就可以了。

    addScore(i_score){

        this.score_curr=this.score_curr+i_score

        this.label_score.string=this.score_curr     }

2. 调用增加分数的函数。在脚本block上的碰撞后的调用即可，每次增加的分数值与水果类型的等级一样，等级越大，增加的分数值也就越大。

            this.tsGame.addScore(this.block_type)

  3. 之前地板只添加了最底端，美化下地板这个过程还没有说，现在说下。

(1).在node_qiang下新建一个SpriteSplash（单色）精灵。并且命名为di_1 image.png

(2) 参数设置如下，颜色Color的RGB为123,85,55 image.png

4. 

(1)同样也在node_qiang下再新建一个SpriteSplash（单色）精灵，并且命名为di_2

image.png （2）参数设置如下

image.png

5. 设计警戒线。当水果元素累积到一定的情度，游戏准备失败时，就出现提示的警戒线。

Canvas下新建一个Sprite精灵，并且命名为node_xian

image.png  参数设置如下

image.png

6. 为了效果好看一点，警戒线做一个一闪一闪的动画效果。这样会比较好看。Cocos creator自带制作动画系统，因此直接在该工具上进行动画的编辑。在assets文件夹下新建一个anima文件夹，专门用来存放动画文件。

  （1）在anima文件夹下新建一个动画剪辑文件，并命名为anima_xian image.png

（2）打开右下方的动画编辑器 image.png

  （3）将动画anima_xian拖动到面板上，并且在属性列表上添加color属性 image.png

image.png  

（4）在透明度上添加关键帧 image.png

 

（5）帧数为5的时候设置关键帧，并且透明度设置为0

image.png

 

（6）帧数为10的时候设置关键帧，并且透明度设置为255 image.png

（7）循环模式设置为循环播放 image.png

（8）记得保存并关闭，这样一个动画就制作完了 image.png

今天就到这里了，主要说了如何制作一个动画。可能写的过程中还有很多不好的地方，希望大家能指出来，在此，谢谢大家

avatar
文章
阅读
粉丝