用H5做動(dòng)畫(huà)可能會(huì)用到前端游戲引擎，知名的有CreateJS、PixiJS。CreateJS 是Adobe公司出品，雖在性能上沒(méi)有PixiJS快，但功能比較全（PixiJS沒(méi)有音頻播放）主要組件有以下四個(gè)：
EaselJS: CreateJS 核心庫(kù)，提供在HTML5 Canvas 上輕松創(chuàng)建操控元素的功能。
TweenJS: 用于提供平滑動(dòng)畫(huà)效果
SoundJS: 聲音播放器
PreloadJS: 資源加載器

1.PreLoadJS的使用方法:

//預(yù)加載資源文件
    var manifest = [
    {id:"image1", src:"img/music_on.gif"},
    {id:"image2", src:"img/music_off.gif"}
    ]
    queue = new createjs.LoadQueue(); 
    queue.on("complete", handleComplete, queue);
    queue.on("progress", handleProgress, queue);
    queue.loadFile({id:"bgm", src:"sound.mp3"}) //預(yù)加載音頻文件
    queue.loadManifest(manifest);

//如何使用預(yù)加載的文件
var bg = new createjs.Bitmap(queue.getResult('image1'));
var sound = queue.getResult('bgm')
    sound.volume=0.8;  
    sound.play();