CreateJs教程1章:createjs简介
CreateJs教程:createjs简介
CreateJS是一个JavaScript的动画库,主要用来做一些动画、音效,是一款比较好的HTML5游戏开发的引擎。
CreateJS很多人在使用它,作者本人使用了很多年,一直觉得很爽。学会它,你在做网页的时候,能做出更多完美的叹为观止的特效。
CreateJS的4大基础库
CreateJS中包含了4个基础库,分别是:
-
EaselJs:用于动画、向量、位图的绘制与显示。
-
TweenJS:用于生成补间动画,例如从一点平滑的移动到另一点。
-
SoundJS:一个音频播放引擎,能够根据浏览器性能选择音频播放方式。将音频文件作为模块,可随时加载和卸载。
-
PreloadJS:帮助你简化网站资源预加载工作,无论加载内容是图形、视频、声音、JS还是数据,可以预加载,也可以延迟加载,也可以随时从内存中去掉。
CreateJS的一些案例分析
为了对CreateJS有一些直观的了解,我们想看看一些案例。
EaselJs的案例
本案例主要实现一个小人,山、陆地的运动
本案例主要实现小花的放大缩小,当鼠标移动到小花上,可以移动小花,也可以放大小花。
本案例用EaselJs实现了绘图板。
tweenjs的案例
tweenjs主要用于实现动画:如渐变动画,过度动画。
SoundJS案例
用于处理浏览器的声音
点击下面的喇叭,听一听效果吧:
preloadjs案例
点击下面的方框,看看加载效果吧: