JavaScript
HTML5
ライブラリ
ゲーム制作
phina.js

[phina.js-Tips] Tweenerでオブジェクトを移動させる【moveBy】

More than 1 year has passed since last update.

※これまでのTipsはphina.js Tips集にまとめています。

今回のTips

Tweenerでオブジェクトを移動させるもう一つのメソッドmoveByについて説明します。

tweenermovoto.gif

[runstantで動作確認]

tweener.moveByメソッド

    // 移動量を指定
    star.tweener.moveBy(200, 300, 2000).play();
  • Tweenerでオブジェクトを移動させる【moveTo】では座標を指定してオブジェクトを移動させましたが、moveByメソッドはx方向とy方向の移動量を指定して移動させます。
  • 例えばランダム動きをするオブジェクトの移動などに使えます。

サンプルコード

  // グローバルに展開
phina.globalize();
/*
 * メインシーン
 */
phina.define("MainScene", {
  // 継承
  superClass: 'DisplayScene',
  // 初期化
  init: function() {
    // 親クラス初期化
    this.superInit();
    // 背景色
    this.backgroundColor = 'black';
    // スター
    var star = StarShape().addChildTo(this);
    star.setPosition(this.gridX.span(2), this.gridY.span(2));
    // 移動量を指定
    star.tweener.moveBy(200, 300, 2000).play();
  },
});
/*
 * メイン処理
 */
phina.main(function() {
  // アプリケーションを生成
  var app = GameApp({
    // MainScene から開始
    startLabel: 'main',
  });
  // 実行
  app.run();
});