背負い投げとENTER_FRAME

Icon

なんちゃってWebクリエイターがFlashやらActionScriptやらを淡々と書く。ときとき柔道の話しもする。

シンプルな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もできるよ */

このエントリーをはてなブックマークに追加  

Category: Javascript

Tagged:

Leave a Reply

中の人のプロフィール

柔道歴約20年だが諸理由で未だ初段。162cm、60kgくらいの軽量級。得意は背負い投げと巴投げ。2009年、左ヒザ前十字靭帯損傷。ただ今柔道復帰を企んでいる真っ最中。仕事では最近、ActionScriptを書いたり、WordPressをいじったりの日々が続いてる。@renowanにてつぶやいてる。

アーカイブ

Flicker

This movie requires Flash Player 9.0.0