公司国庆要做一个活动，砸金蛋时金花四溅的效果怎么用 js 实现，哪位大神有做过

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

这是一个创建于 3033 天前的主题，其中的信息可能已经有所发展或是发生改变。

第 1 条附言 · 2016-09-13 12:04:00 +08:00

效果已经实现，看起来还好，公司没个大神，我一做 Android 问我前端的问题

9 条回复 • 2021-08-10 09:56:56 +08:00

alexsunxl

2016-09-08 19:25:46 +08:00

可以用个 gif 图。

sampeng

2016-09-08 19:50:40 +08:00

能用 gif 。。干嘛用代码呢= =！

tLbf2p3UC4BM3H1N

2016-09-08 23:01:16 +08:00

为啥要 JS 直接 GIF boom ！

int64ago

2016-09-09 01:28:12 +08:00

看到这种活动我都是默默按下 F12

记得上次锤子砸蛋活动，直接一行代码把全部蛋砸了

zongren

2016-09-09 08:46:30 +08:00

去 codepen 上找找看

marsLeo

2016-09-09 10:37:47 +08:00

hsj1992

2016-09-09 12:28:50 +08:00

也就是碎片爆炸效果吧。
codepen 搜了下 explode 找到个这个：
http://codepen.io/zachstronaut/pen/liwfd

wobuhuicode

2016-09-09 14:46:13 +08:00

gif 图……如果觉得不好就把 gif 图的每一帧拿出来拼成长图……自己用 js 来移动 background-image 的位置就好了

stefanieewu

2021-08-10 09:56:56 +08:00

@hsj1992 这个思路可以，学到了。不过局限是方块爆炸的效果