GitHub 上开源的「微信炸屎」特效


微信红包带火了微信支付,
跳一跳让微信小程序起飞,
微信 8.0 版本炸弹表情引发全民狂欢。
微信 8.0 微信中最吸引眼球的莫过于「表情特效」。微信发布十年,在 8.0 版本中改变了表情的展示方式,尤其是超级震撼的「炸弹」更是把微信群炸上了天。
而在最近的版本更新中,微信又偷偷对这些表情进行了更新,加入了表情联动。现在对方只要发一个便便表情,我们紧跟着发一个炸弹,就会出现经典的炸屎特效,屏幕会出现漫天飞的便便。
这个功能狂欢背后还有一张疯传的截图:

作为国民级应用,更新了如此好玩的特效,不少前端工程师都跃跃欲试,想要复现炸弹特效、炸屎功能。在 GitHub 上也有这两个特效的复现项目:
高仿炸弹特效
微信 8.0 版本刚刚发布不就,就有前端大佬复现了「炸弹」特效,折腾了许久,做出了如下效果。不到 300 行代码,并且已经开源。
教程和代码可以关注微信公众号「逛逛GitHub」回复「炸弹」获取代码。

微信炸屎特效
前几天,又有一位前端工程师复现了炸屎特效,复现效果很真实。

这个炸屎特效的步骤如下:
可以用二次函数的知识,来写一个轨迹路径,然后通过 tween.js 来做补间动画。利用 lottie 来实现动画炸弹爆炸,利用 css 动画实现粑粑被炸开和所有人震动的效果。
更详细的设计可以看这篇文章:微信炸屎功能,这两个开源项目可以关注公众号「逛逛GitHub」回复「0606」下载。
最后,防止找不到本篇文章,可以收藏点赞,方便翻阅查找。欢迎关注公众号 逛逛GitHub(ggGithub)。
推荐阅读
1. GitHub 上有什么好玩的项目?
2. 5 月份最热的 GitHub 项目
3. 这款远程桌面软件开源了
4. 盘点百度 4 个牛逼哄哄的开源项目
到顶部