【包教包会】CocosCreator极简实现屏幕振动

一、效果演示

振动器演示

演示地址:https://fcttt.com/VibratorDemo/index.html

使用场景:屏幕振动,击中敌人让敌人振动等等

二、如何获取

1、https://gitee.com/bruce13867448812/vibrator-demo

2、解压,导入cocos creator(版本2.4.12),可运行演示Demo。

三、如何在自己项目中使用振动器

1、把Vibrator.js复制到项目代码目录。

2、给需要振动的节点挂上Vibrator组件

3、调用Vibrator组件的shake函数,搞定!

  • shake函数参数:

  • 1、repeat振动次数

  • 0:振动repeat次(振幅逐次衰减到0)

  • <0:振动无数次(振幅不衰减)

  • =0:停止振动

  • 2、amplitude振动幅度,水平和垂直2个方向

  • 3、frequency振动频率,单位:秒

  • 举个栗子:

  • comp.shake(-1,cc.v2(50,-30),0.02); 无限振动,振幅(50,-30),每20ms振动一次

  • comp.shake(5,cc.v2(-100,50),0.05); 振动5次,初始振幅(-100,50)逐次衰减,每50ms振动一次

  • comp.shake(0); 立即停止振动

  • 注意:振动过程中,调用shake(正整数)逐次衰减缓慢停止,调用shake(0)立即停止

四、结束语

其实振动器也可以通过全局函数的形式来实现,不需要挂组件,代码量也更精简。

有需要的小伙伴在评论区留言,或发邮件@我

GitHub地址:szrpf (Bruce) · GitHub

EMail地址:27185709@qq.com

推荐链接:

1、【包教包会】对富文本RichText进行了全面的优化

2、【包教包会】对CocosCreator拖尾组件MotionStreak做了全面优化

3、【包教包会】分享一个CocosCreator组件——动作残影

4、【包教包会】分享一个CocosCreator实用组件——Previewer预览器

5、【包教包会】CocosCreator怎么用namespace实现类似于cc的全局变量

3赞

大佬,图裂了。

图已经好了,下载地址还不能用,git抽风了传不上去,可能要等到晚上

Demo已上传!~~
最近github一直传不上,改用gitee了

学会了,,