Akashic Engine 逆引きリファレンス

画像を表示する

画像を表示するには Sprite エンティティを利用します。

凡例

var sprite = new g.Sprite({
  scene: scene,
  src: scene.asset.getImageById("player"), // アセットID "player" が画像アセットだとします
  x: 100, // 横位置 100 に表示する
  y: 50 // 縦位置 50 に表示する
});

scene.append(sprite);

画像を拡大して表示するには scaleX, scaleYを利用してください。

画像を回転して表示するにはangle を利用してください。

利用例

次のコンテンツは、画像を表示します。

詳細

Akashic Engine で画像を扱うには、画像ファイルを image ディレクトリに配置する必要があります。

配置した画像ファイルは game.json に登録する必要があり、 akashic scan asset コマンドで game.json に追加することができます。

Sprite エンティティのパラメータオブジェクトには src プロパティがあり、ここに画像アセットオブジェクトを指定すると、対応する画像を表示するエンティティが作成されます。

var scene = new g.Scene({
  game: g.game,
  assetIds: ["player"] // シーン内で利用するアセットID
});

scene.onLoad.add(function() {
  var sprite = new g.Sprite({
    scene: scene,
    src: scene.assets["player"],
    x: 100,
    y: 50
  });
  scene.append(sprite);
});

関連情報

前 (エンティティを追加・削除する) | 目次 | 次 (画像の一部分を表示する)