1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > Cocos Creator技巧:实现拍照闪光灯效果

Cocos Creator技巧:实现拍照闪光灯效果

时间:2021-04-28 03:20:20

相关推荐

Cocos Creator技巧:实现拍照闪光灯效果

首先,不多说了,下载demo看效果。

使用fadeOut动作实现

FadeIn->从暗逐渐变亮FadeOut->从亮逐渐变消失FadeTo->从亮逐渐变暗

思路

在最上层添加一个白色的层,类似闪光灯的白光,设置隐藏;启动拍照时,首先把白色层设置显示,然后使用FadeOut进行从亮逐渐到消失;给一个卡擦的声音,更逼真;最后不要忘了,设置FadeIn,否则下次不能生效。

主要代码

this.Layout = cc.find('Canvas/Layout');this.Layout.active = true;let fadeOut = new cc.fadeOut(1);let runClick = new cc.callFunc((event)=>{this.Layout.runAction(new cc.fadeIn(0));this.Layout.active = false;}); this.Layout.runAction(cc.sequence(fadeOut, runClick));cc.loader.loadRes('cameraClicked',cc.AudioClip,(err,clip)=>{if(err){console.log('err:'+err);return;}cc.audioEngine.playEffect(clip,false);});

**

项目下载

**

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。