jojotyping07【phina.js】

文字入力候補が制限時間後半になったら点滅

changeTargetMoji: function () {
  var mojiLabel = this.mojiList[0];
  if (mojiLabel == null) {
    return;
  }

  mojiLabel.fill = 'lightseagreen';
  mojiLabel.fontWeight = 'bold';
  mojiLabel.fontSize = '40';

  var blink = function () { 
    if (mojiLabel.scaleX > 2) {
      Tweener()
        .attachTo(mojiLabel) 
        .set('alpha', 0) 
        .wait(100)
        .set({ alpha: 1 }) 
        .wait(100)
        .setLoop(true);
      mojiLabel.off('enterframe', blink);
    }
  };
  mojiLabel.on('enterframe', blink);
},

 

Tweener()

新しいインスタンスのtweenerを生成して、mojiLabelをアニメーションするように指示
※ラベルに用意されているtweenerは１つなので、２つめからは自分で用意する。

 

.attachTo(mojiLabel)
.set('alpha', 0)

attachToはアニメーションする対象を指示する。
sceneの子供にattachしないとtweenerは動かない
alphaは透明度

 

.set({ alpha: 1 })

setメソッドの第一引数のみの書き方　同時に複数のプロパティを変更できる。

set()は第一引数だけだと変えたいプロパティを格納したオブジェクトを渡す、第二引数も設定する場合第一引数は変えたいプロパティの名前、第二引数は変えたいプロパティの値

 

.setLoop(true);

このtweenerを繰り返す、止める命令や停止の命令が来るまで繰り返す　phina専用

 

mojiLabel.off('enterframe', blink);

enterframeとは新しいコマに入るときに呼ばれる
onで登録したeventhandlerを解除する