content
{:toc}
简介
lottie 是一个可以轻易的给各种 native app 添加高质量动画的类库。可以在 iOS、Android 和 React Native 实时渲染 After Effects 动画，就像使用静态图片一样容易。上图即为 lottie 的 logo。
简单的说，lottie 动画制作的流程是，通过 Bodymovin 扩展将 AE 动画导出为 json 数据，然后再将这个 json 渲染在客户端或者 web 端。如下图：
继续阅读 »
原文地址：
本文主要介绍 Github 开源 Android 的动画库 [Transitions-Everywhere][1] .文中大部分内容译自开源作者的博客：[Animate all the things. Transitions in Android][2].
继续阅读 »
用策略模式实现缓动动画
需求：让小球以各种缓动效果在页面中运动
动画开始前需要记录的：
小球所在原始位置
小球移动的目标位置
动画开始时的时间点
小球运动的时间点
之后，用setInterval创建一个定时器，定时器每19秒循环一次。
//缓动算法，此算法移植于flash
var tween = {
//t：动画已消耗的时间，b：小球原始位置，c：小球目标位置，d：动画持续时间
linear: function(t, b, c, d) {
return c*t/d + b;
},
reseIn: function(t, b, c, d) {
ret
继续阅读 »
最近在写一个动画效果，使 ul 下面的 li 逐个进入，就像下图
做这个效果用到了 css 的 animation 中 animation-delay，给 li 设置入场动画后，再给 li 设置 animation-delay，像这样：
css
.li-animation-delay-1 {
animation-delay: 0.1s;
}
并且每一个 li 的 animation-delay 都比前一个 li 的长 .1s，也就达到了后面的 li 的入场动画后播放的效果。
因为 li 的数量也不确定，所以我打算批量生成一些 li-animation-delay-*, 查了一下 scss 正好有 for 的用法：
继续阅读 »
学习了pjax技术，并尝试自己写了一款wordpress主题作为实践。
more
pjax是什么
pjax是对ajax + pushState的封装，让你可以很方便的使用pushState技术。
pushState是一个可以操作history的api，该api的介绍和使用请见这里： http://www.welefen.com/use-ajax-and-pushstate.html
pjax项目
pjax的github项目
welefen的pjax
相对于前者，后者支持了缓存和本地存储，下次访问的时候直接读取本地数据，无需在次访问。
并且展现方式支持动画技术，可以使用系统自带的动画方式，也可以自定义动画展现方式。
pj
继续阅读 »
之前做过一个图上标签但是动画样式不太好看，经过查找资料发现了一种全新的思路来实现动画，流畅的让标签的线显示和隐藏，示例如下，就在这里说一说。本文会涉及到Path，Property Animation, PathEffect, PathMeasure。我们开始一一道来。
more
使用Path绘制曲线
当我们需要画曲线的时候，可能会直接使用drawLine来画，不太复杂的话还比较好实现，如果需要画曲线，或者拐弯的线的时候使用drawLine就比较复杂了。这时候，我们可以借助Path来drawPath。
java
Paint paint = new Paint();
paint.setColor(Color.BLACK);
p
继续阅读 »
上周介绍了几种配色工具，这次要介绍的是一些图片和图标的生成工具。
就算你熟练掌握Photoshop之类的图片处理工具，要制作一个小小的图标还是挺费时费力的。可是网上下载的话，颜色尺寸又不一定能适合，所以制作图片的工具将是非常必要的。
Online Generator
Online Generator包括好几个很棒的工具，首先是Preloaders，它用于制作loading图片，它的图片种类很齐全，还有大量的3D图片，最重要的是它可以任意改变尺寸，当然也包括颜色，动画。动画可以选择方向频率等等，功能十分强大，基本上只要你能找到喜欢的图案，它就一定能制作出你想要的loading图片。
继续阅读 »
最近整理了一些常见的排序算法，资料基本上都来自网上，大部分参考了维基百科，分析了常见算法的原理，并举例分步说明，有的还给出了排序动画演示，但没有涉及算法复杂度等方面的概念，最后对每一种排序算法都给出了至少一种 JavaScript 的实现方法（因为我是做前端方面的，所以只给出了 JavaScript 代码）。
由于自己能力和经验有限，难免出现某些纰漏和错误，欢迎指正。
日本程序员 norahiko，写了一个排序算法的动画演示，非常有趣。另外，今天一同事告诉我有一个排序算法的舞蹈，请点击【程序员的艺术：排序算法舞蹈】。
常见排序算法 - 冒泡排序 (Bubble Sort)
常见排序算法 - 快速排序 (Quick Sort)
继续阅读 »
发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在JavaScript开发中，我们一般用事件模型来替代传统的发布—订阅模式。
发布—订阅模式可以广泛应用于异步编程中，这是一种替代传递回调函数的方案。比如，我们可以订阅ajax 请求的error、succ 等事件。 或者如果想在动画的每一帧完成之后做一些事情，那我们可以订阅一个事件，然后在动画的每一帧完成之后发布这个事件。在异步编程中使用发布—订阅模式，我们就无需过多关注对象在异步运行期间的内部状态，而只需要订阅感兴趣的事件发生点。
发布—订阅模式可以取代对象之间硬编码的通知机制，一个对象不用再显式地调用
继续阅读 »
就怕你庸庸碌碌的过完一生，还安慰自己平凡可贵
三月份来到厦门后，工作越发的繁忙，一周两次发版，周三周五固定加班，然而却没有一丝的疲惫，为什么？因为做的是有意思的事情，每天看着项目一点点的完善，交互越来越好，动画越来越流畅，那种成就感和满足感，它让你感受到当下存在的意义，而不会为虚度年华而焦虑痛苦万分，也许挣不到很多钱，但这些经历和经验，就是对时间最好的交代。
继续阅读 »