CreateJs教程1章：createjs简介

CreateJs教程：createjs简介

CreateJS是一个JavaScript的动画库，主要用来做一些动画、音效，是一款比较好的HTML5游戏开发的引擎。

CreateJS很多人在使用它，作者本人使用了很多年，一直觉得很爽。学会它，你在做网页的时候，能做出更多完美的叹为观止的特效。

CreateJS的4大基础库

CreateJS中包含了4个基础库，分别是：

• EaselJs：用于动画、向量、位图的绘制与显示。

• TweenJS：用于生成补间动画，例如从一点平滑的移动到另一点。

• SoundJS：一个音频播放引擎，能够根据浏览器性能选择音频播放方式。将音频文件作为模块，可随时加载和卸载。

• PreloadJS：帮助你简化网站资源预加载工作，无论加载内容是图形、视频、声音、JS还是数据，可以预加载，也可以延迟加载，也可以随时从内存中去掉。

CreateJS的一些案例分析

为了对CreateJS有一些直观的了解，我们想看看一些案例。

EaselJs的案例

EaselJs实现的精灵动画

本案例主要实现一个小人，山、陆地的运动

EaselJs小花的放大缩小

本案例主要实现小花的放大缩小，当鼠标移动到小花上，可以移动小花，也可以放大小花。

EaselJs实现绘图板

本案例用EaselJs实现了绘图板。

tweenjs的案例

tweenjs主要用于实现动画：如渐变动画，过度动画。

TweenJS实现小球弹动效果：

TweenJS实现小球缩放效果：

TweenJS实现的各种动画效果：

SoundJS案例

用于处理浏览器的声音

声音案例

点击下面的喇叭，听一听效果吧：

preloadjs案例

preloadj预加载demos

点击下面的方框，看看加载效果吧：