canvas烟花锦集

原创 szp1203 随笔 杂类 2913阅读 2018-01-17 00:35:00 举报

canvas可以实现不同动画效果,本文主要记录几种不同节日烟花效果实现。

原文链接

实现一

html 代码

实现二

html 代码

实现三

html 代码

几种不同canvas实现烟花动画,基本分为烟火类和碎屑类展现烟花的不同状态。
同时,祝大家新年快乐!

评论 ( 20 )
最新评论
lawrence 19F 2018-02-07 01:08:32 20F

现在网页游戏的主流还是flash?

hugeannex 18F 2018-02-06 22:12:01 19F

没有canvas之前,一般都是。

lawrence 13F 2018-02-06 19:13:48 18F

以前这种特效是用flash做的么?

th7583362 2018-01-29 13:44:14 17F

nice

shenwave 2018-01-25 11:01:26 16F

不错

szp1203 14F 2018-01-24 09:43:37 15F

canvas画出文字,animate中随机控制是否有文字和文字内容

fotuo1988 2018-01-23 22:32:53 14F

第三个怎样控制文字弹出

hugeannex 8F 2018-01-22 09:11:40 13F

你的说法只能成立在这里,第一个原来是外国佬写的,看看人家原来的吧,他这个速度什么都不对,肯定效果不好。按人家原来的,其实最好的是第一个!

szp1203 10F 2018-01-18 10:54:20 12F

感谢指正,已修改

folat 8F 2018-01-17 22:30:46 11F

第一个也很炫啊

folat 2018-01-17 22:08:50 10F

发现第三个的烟花不能精确到点击位置,楼主看下把 Boom 部分改成这样怎么样javascript 代码

szp1203 8F 2018-01-17 17:43:42 9F

哈哈

q889518 2018-01-17 17:37:42 8F

第三个最真实 其他的都太假了

lut09010909 2018-01-17 17:03:21 7F

腻害腻害

猿梦 2018-01-17 10:40:42 6F

真利害

潇潇纪 4F 2018-01-17 10:22:32 5F

szp1203 1F 2018-01-17 10:19:12 4F

修复了,感谢指正

szp1203 2F 2018-01-17 10:18:53 3F

修复了,感谢指正

潇潇纪 2018-01-17 10:10:14 2F

第三个不动?

rocky191 2018-01-17 09:40:02 1F

第三个不动?