スプライト機能でキャラクターアニメーション

0

    createjsにはスプライト機能があって、簡単にキャラクターアニメーションができる。

    このとき使用するスプライトシートは、animate(FLASH)を使って作成できる。

     

    //スプライトシートの定義

      var chara = {
            images: ["chara.png"],
            frames: {width:100, height:100,imageIndex:0,regX:50,regY:50},
            animations: {
                stand:0, //固定フレーム
               walk:[1,2], //ループフレーム
                jump:[1,7,"walk"] //一回再生フレーム。最終パラメータは終了後のラベル

              shoot: {  //詳細なパラメータはオブジェクトで設定可能

                  frames: [0, 3, 4, 5],

                  next: "walk",

                  speed: 0.5

              }

            }
        };

       

    //スプライトシートとスプライトを紐付け

    var spriteSheet=new createjs.SpriteSheet(chara);
    var sprite=new createjs.Sprite(spriteSheet);
    stage.addChild(sprite)

     

    //スプライトの切り替え

    sprite.gotoAndPlay( "jump");

    sprite.gotoAndStop( "stand");



    selected entries

    categories

    archives

    recent comment

    recommend

    profile

    BOOKS

    links

    search this site.

    others