这是一个创建于 3247 天前的主题，其中的信息可能已经有所发展或是发生改变。
http://sale.jd.com/act/FNzfvb6rM3.html?cpdad=1DLSUE
如上， JD 活动页面的大 banner ，里面看似简单的烟花效果，自己扒了一下
发现整个 banner 是使用 CreateJS 给做出来的，精简到最后也有接近 200k 的大小
然后在网上找了一个类似的效果（ http://sc.chinaz.com/jiaoben/140319429250.htm ）
不依赖任何库，只有不到 10k 的大小
（以上容量均为 OS X 里面显示的大小）
无奈自己水平有限，于是请教一下：
像 JD 这种简单的闪烁烟花效果，不依赖 cjs 的话是不是也可以实现呢？
大 V 们能否给个思路，不胜感激！
如上， JD 活动页面的大 banner ，里面看似简单的烟花效果，自己扒了一下
发现整个 banner 是使用 CreateJS 给做出来的，精简到最后也有接近 200k 的大小
然后在网上找了一个类似的效果（ http://sc.chinaz.com/jiaoben/140319429250.htm ）
不依赖任何库，只有不到 10k 的大小
（以上容量均为 OS X 里面显示的大小）
无奈自己水平有限，于是请教一下：
像 JD 这种简单的闪烁烟花效果，不依赖 cjs 的话是不是也可以实现呢？
大 V 们能否给个思路，不胜感激！
 |
1
luoway 2016-01-21 13:48:31 +08:00
才发现汉字真的可以当方法名！
这样就不用纠结怎么取变量名、方法名了。 |
 |
4
MiGong 2016-01-21 14:08:40 +08:00
使用 Canvas 可以实现，在 http://codepen.io/ 搜索 fireworks
|
 |
5
chemzqm 2016-01-21 14:17:24 +08:00
jd 这破玩意做的，半天都刷不出来，简直坑爹
|
 |
6
Biwood 2016-01-21 14:19:19 +08:00
jd 那个比 10K 那个简单多了，你看看源码，其实原理很简单，就是以 60 帧每秒的速度刷新 canvas ，不断的清空画布并重新画图，由于 canvas 启用了 GPU 加速，所以这个过程是很迅速的，只是计算运动轨迹和速度微调等需要花费一些时间
|
 |
7
FrankFang128 2016-01-21 14:24:48 +08:00
JS 的字符编码比 Python 2 好多啦
|
|
11
MiGong 2016-01-21 17:26:32 +08:00  1
@Aidea 如果要学 Canvas 看看这个能不能帮到你 http://canvas.migong.org
|
Select Language