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

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 3545 days ago, the information mentioned may be changed or developed.

Supplement 1 · Sep 13, 2016

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

9 replies • 2021-08-10 09:56:56 +08:00

alexsunxl

Sep 8, 2016

可以用个 gif 图。

sampeng

Sep 8, 2016

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

tLbf2p3UC4BM3H1N

Sep 8, 2016

为啥要 JS 直接 GIF boom ！

int64ago

Sep 9, 2016

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

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

zongren

Sep 9, 2016

去 codepen 上找找看

marsLeo

Sep 9, 2016

hsj1992

Sep 9, 2016

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

wobuhuicode

Sep 9, 2016

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

stefanieewu

Aug 10, 2021

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