原文地址: http://code.tutsplus.com/tutorials/using-createjs-easeljs–net-34840
这篇教程中我们将探索CreateJS组件库。CreateJS是javascript的一个组件库,一个用于建立HTML5丰富交互体验的工具。CreateJS组件库分为以下四部分:
- EaselJS - 使HTML5 canvas更容易绘制
- TweenJS - 提供HTML5补间动画和javascript性能优化
- SoundJS - 使HTML5 音频更容易工作
- PreloadJS - 管理和协调正在加载的资源
首先我们开始看看EaselJS!
Easeljs Explained
EaselJS是一个为HTMl5 canvas工作的库。它由完整分层的显示列表,一个核心交互模型,和辅助类组成,使得用Canvas工作更容易。使用EaselJS并且运行它不能再容易了。你需要在你的HTMl文档中定义一个canvas元素,同时引用javascript代码。EaselJS使用舞台概念,一个在展示列表(这个舞台一般是你的canvas元素)中处于顶层容器中。下面的HTMl片段和相应的javascript需要设置Easeljs。
<canvas id="testCanvas" width="600" height="300"></canvas>
为了引用上面的canvas你应当使用如下代码:
var canvas = document.getElementById("testCanvas");
(