3月 5, 2014
シンプルなJavascript製スプライトシートエンジン
仕事でボツになったもの。もったいないのでライブラリ化して公開した。
Github: https://github.com/renowan/simpleSpriteSheet
Demo: http://gallery.renowan.com/archive/simple-sprite-sheet/sample/index.html
var sss = new SimpleSpriteSheet;
// 初期化の各オプション。各値なしだとデフォルト値が適用される
// speed : コマ送りの速度(フレームレート)
// divWidth : スプライトシートコマの横幅
// divHeight : スプライトシートコマの高さ
// xValue : 横方向のコマ枚数
// yValue : 縦方向のコマ枚数
// frameValue : 全部何コマあるか
sss.init({
speed : 160,
divWidth : 120,
divHeight : 370,
xValue : 10,
yValue : 3,
});
/*
* 動かしたいスプライトシート分、addItemする
* @param {String} DivのID
* @param {String} 画像のパス
*/
sss.addItem("img_1" , "img/sample.jpg");
sss.play();
sss.stop();/* stopもできるよ */