Akashic Engine 逆引きリファレンス

回転する

エンティティは angle プロパティで回転させることができます。

凡例

var sprite = new g.Sprite({
  ...,      // その他のプロパティ
  angle: 30 // 時計方向に 30 度回転した状態で生成する
});

sprite.angle = 45; // 時計方向に 45 度回転した状態にする
sprite.modified(); // modified() で表示に反映

回転は、 scaleX, scaleY による拡大・縮小 と同じく、デフォルトではエンティティの左上端を基準に行われます。 この基準位置を変えるには、 anchorX, anchorY を利用してください 。

利用例

次のコンテンツは、画像 (を表示する g.Sprite) を 45 度回転した状態で表示します。

詳細

エンティティを回転させるには angle プロパティを利用します。

下記のコードでは、生成した Sprite は 45 度回転した状態で描画されます。

var sprite = new g.Sprite({
  scene: scene, // シーン scene があるものとします
  src: scene.asset.getImageById("player"), // アセットID "player" が画像アセットだとします
  x: 0,
  y: 0,
  angle: 45
});

scene.append(sprite);

生成後のエンティティの回転角度は、 angle プロパティで参照できます。

sprite.angle; // ==> 45

angle プロパティに代入することで、回転角度を変更できます。表示への反映には modified() メソッドを呼び出す必要があります。

sprite.angle += 10; // 現状からさらに 10 度回転させる
sprite.modified(); // modified() で表示に反映

関連情報

前 (画像の一部分を表示する) | 目次 | 次 (拡大する)