这个canvas做出来的交互效果具体是怎么实现的？有什么工具有助于做这类开发吗？

九步之遥

回复内容：

一开始怀疑是拿adobe的工具做的再到处，就从xml加载资源这种作风就很有actionscript的范。

不过从源码的蛛丝马迹来看，更像是自主开发的工具，我是不相信adobe的工具能导出用requirejs组织的代码的。

很可能是一枚在广告行业摸爬滚打多年的actionscript程序员转战html5，于是把不少以前用到过的工具做了移植。

从网络加载来看，帧动画都是一张张的jpg，可能是用AfterEffects做好导出的。

steps9是主模块，依赖于render_engine, mat4, vec2，这些。用来做一些视图以及向量的绘制和管理（也是google了才知道）。

很容易八卦到制作方是这家 W 上海_企业_数字媒体及职业招聘社交平台 看他们的其他作品基本也是同样的技术架构（比如最近很火的 我们之间就一个字）。做一套框架和工具集可以用来持续产出创意作品还是很值的。 Try Adobe Edge Animate 其实可以尝试用cocos2d尝试做一个小游戏，无所谓html5还是oc还是java，都可以帮助你很好的理解各种layer，scene，director，sprite等，那样，你就会更好的理解canvas的开发。
以点带面吧。 canvas有非常多的as3.0移植库，做这东西lufylegends.js就可以。1.4版本也才2000行代码的样子。还可以用Flash To canvas的转换工具，印象中前面淘宝双十一有实践。