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

V2EX = way to explore

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

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

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

第 1 条附言 · 2016 年 9 月 13 日

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

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

alexsunxl

2016 年 9 月 8 日

可以用个 gif 图。

sampeng

2016 年 9 月 8 日

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

tLbf2p3UC4BM3H1N

2016 年 9 月 8 日

为啥要 JS 直接 GIF boom ！

int64ago

2016 年 9 月 9 日

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

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

zongren

2016 年 9 月 9 日

去 codepen 上找找看

marsLeo

2016 年 9 月 9 日

hsj1992

2016 年 9 月 9 日

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

wobuhuicode

2016 年 9 月 9 日

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

stefanieewu

2021 年 8 月 10 日

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