[JavaScript]smart.jsで画像を描画

スマホ対応に特化したアニメーションライブラリsmart.jsというのがあったので、使い方をちょっと勉強。

画像を描画するだけなら、めっちゃ簡単。

<div id="demo" style="width:100px;height:100px;"></div>
<script>
smart.ready({
  //表示したい画像をJSON形式で設定
  fstimg:"img/hoge.png"
},function(S,imgs){
  var stage = new S.Stage("demo");

  //第一引数に幅、第二引数に高さ
  var fstImg = new S.Canvas(60,60,imgs.fstimg);
  //表示位置(x座標)を指定
  fstimg.x     = 10;
  //表示位置(y座標)を指定
  fstimg.y     = 20;
  stage.addChild(fstimg);
});
</script>

アニメーションとかはまだ勉強中なので、明日以降に書こうかなと。