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もできるよ */