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案例

用于处理浏览器的声音

声音案例

点击下面的喇叭,听一听效果吧:

soundjs声音


preloadjs案例

preloadj预加载demos

点击下面的方框,看看加载效果吧:

preload预加载