怎样用canvas特性制作html5烟花的效果

怎样用canvas特性制作html5烟花的效果,第1张

1、熟悉canvas的API

2、知道怎么制作烟花效果

上边两条都会了就会做了。

或者,找个别人写的源码看看。前提是你要看得懂。

烟花属于粒子效果

就是大量的小圆点,按照一定的规律运动,然后消失。有的可能会用到滤镜。

微信烟花代码:

` wx.config({ debug: false, appId: '', timestamp: 0, nonceStr: '', signature: '', jsApiList: ['checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'hideMenuItems', 'showMenuItems', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem', 'translateVoice', 'startRecord', 'stopRecord', 'onVoiceRecordEnd', 'playVoice', 'onVoicePlayEnd', 'pauseVoice', 'stopVoice', 'uploadVoice', 'downloadVoice', 'chooseImage', 'previewImage', 'uploadImage', 'downloadImage', 'getNetworkType', 'openLocation', 'getLocation', 'hideOptionMenu', 'showOptionMenu', 'closeWindow', 'scanQRCode', 'chooseWXPay', 'openProductSpecificView', 'addCard', 'chooseCard', 'openCard'] })wx.ready(function () { wx.checkJsApi({ jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'], success: function (res) { wx.onMenuShareTimeline({ title: '', // 分享标题 link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: '', // 分享图标 success: function () { $('.weixin-fireworks').fireworks({ sound: false, // sound effect opacity: 0.9, width: '100%', height: '100%' })} })} })})`

拓展:

烟花代码是一种很有趣的特效,主要是使用jQuery插件来实现,可以在微信中实现一些烟花效果,这是一种很有趣的可视化效果,可以在微信中实现不同的烟花效果,比如烟花爆炸、烟花喷射等,可以给用户带来不同的视觉体验。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7029671.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存