写在前面

记得以前 facebook 做过一款 HTML5 游戏。开场动画是一块软体类似豆腐的东西一起摇摆。类似的效果如下面的 gif 所示：

facebook 当时使用的是 createjs 下的子项目 easeljs 和 tweenjs 去制作，基于 Canvas 的动画。基本的原理主要是：循环运动 Canvas 抽象的 DisplayObject 的 skewX 和 scaleY 来实现软体摇摆。
目前来看 transformjs 也能做到，因为 transformjs 也能运动 skewX 和 scaleY。先来看看 facebook 的方式。

简介

在过去的两年，越来越多的同事、朋友和其他不认识的童鞋进行移动 web 开发的时候，都使用了 transformjs，所有必要介绍一下，让更多的人受益，提高编程效率，并享受编程乐趣。（当然 transformjs 不仅仅支持移动设备，支持 CSS3 3D Transforms 的浏览器都能正常使用 transformjs）

传送门

官方网站：http://alloyteam.github.io/AlloyTouch/transformjs/
Github 地址：https://github.com/AlloyTeam/AlloyTouch/tree/master/transformjs

简介

裁剪图片的应用场景有头像编辑、图像编辑，在移动端要配合手势以及进行触摸反馈来进行变形以确认用户的选区进行裁剪。AlloyCrop 就是专注于裁剪图像的组件，目前服务于 QQ 相关的 Web 业务，今日正式对外开源。

传送门

Github 地址：https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop

回顾

上篇文章大概展示了 kmdjs0.1.x 时期的编程范式：
如下面所示，可以直接依赖注入到 function 里，

也可以直接在代码里把 full namespace 加上来调用，如：

循环依赖

循环依赖是非常必要的，有的程序写着写着就循环依赖了，可以提取出一个对象来共同依赖解决循环依赖，但是有时会破坏程序的逻辑自封闭和高内聚。所以没解决好循环依赖的模块化库、框架、编译器都不是一个好库、框架、编译器。

简介

针对多点触控设备编程的 Web 手势组件，快速帮助你的 web 程序增加手势支持，也不用再担心 click 300ms 的延迟了。拥有两个版本，无依赖的独立版和 react 版本。除了 Dom 对象，也可监听 Canvas 内元素的手势（需要 Canvas 引擎内置对象支持 addEventListener 绑定 touch 相关事件）。