最近接到的一个需求十分有意思，设计整体实现了前端仿微信扫一扫的功能。整理了一下思路，做一个分享，如果想要实现完整扫一扫的功能，你需要掌握一些前置知识，这次我们先讲如何实现拍照并且保存的功能。

Lottie 是一个复杂帧动画的解决方案，它提供了一套从设计师使用 AE（Adobe After Effects）到各端开发者实现动画的工具流。在设计师通过 AE 完成动画后，可以使用 AE 的扩展程序 Bodymovin 导出一份 JSON 格式的动画数据，然后开发同学可以通…

PK创意闹新春，我正在参加「春节创意投稿大赛」，详情请看：春节创意投稿大赛 前言 买年货、包饺子、剪窗花、贴春联、穿新衣、放烟花、看春晚、逛庙会... 极具仪式感的过年习俗里 藏着人们最温暖的春节记忆

为了实现上面的效果我们先来构建出canvas的DOM，以及相关的shader代码。 这里的步骤和这篇文章中第一步是相同的，你可以移步这里查看，或者在最后我也会附上全部的代码（不要忘记引入相关的js文件）。 需要注意的是为了让火焰的位置在中间我这边canvas的宽度设置为了375…

这一章主要实现粒子效果、死亡判定以及跌落，由于时间关系并且threejs不是我主攻的方向（还是要将时间用在正儿八经的事情上），其它的功能实现会在结尾大致分析一下。 现在就不怕内存暴涨了。同时，我为每个类实现了destroy方法来避免内存问题， 接下来实现起跳和落地时的特效。 继…

随着当今时期前端地愈来愈普及，页面实现的效果真的是越来越棒！ 随着数字图像处理、人工智能技术的发展 ，展示给用户的视觉效果便不局限于平面的2D视觉效果。

当我想要在网上找一个简洁的 Javascript 动效库时，总是发现很多“推荐”的库都是缺乏持续维护的。 经过一番研究，我收集了 11 个最好的库，你可以用在自己的项目中。另外我还添加了一些有用但是缺少持续维护的库。 提示：可以用 Bit 来共享你的组件，用它们构建多个项目并与…

在浏览网页寻找一个整洁的Javascript动画库时，我发现很多“recommended”的动画库一段时间都没有维护。 经过一些研究，我收集了11个最好的库，在你的应用程序中使用。我还添加了一些，主要是非维护的，有用的库。 使用UI组件时，您还可以使用Bit轻松地在不同应用程序…

在这一年里，许多动画库有可能完善得更好，为创建动画提供更好的解决方案。 让我们来看看2018年值得关注的十大JavaScript动画库