[animate cc]ムービークリップの重ね順変更

Question

animate ccでステージ上に直接配置したムービークリップ二つの表示順をjavascriptで変更したいのですが、どうも上手くいきません。

ステージのタイムライン上に

this.setChildIndex(this.奥に表示したいインスタンス名, 0);

と書いてムービープレビューしてもインデックスは変わるのですが表示は変わりません。

どこを間違えているのか、わかる方いらっしゃらないでしょうか？

Fumio Nonaka · Accepted Answer

フレームを移動するたびに、もとに戻ってしまうようですね。可能であれば、重ね順の変更はフレームを止めて行った方がよさそうです。

var mc_1 = this.mc_1;
var mc_0 = this.mc_0;
var timeline = this;
createjs.Ticker.addEventListener('tick', function(event) {
     if (timeline.getChildIndex(mc_1) !== 0) {
          console.log(timeline.getChildIndex(mc_1));
          timeline.setChildIndex(mc_1, 0);
     }
});

Fumio Nonaka · Answer

メインタイムラインの第1フレームいきなりでは、まだ子インスタンスが加わっていないようです。その場合、子インスタンスのインデックスは-1になります。子が加わったのを確かめて処理を行うとよいでしょう。

var mc_1 = this.mc_1;
var mc_0 = this.mc_0;
var timeline = this;
console.log(timeline.numChildren, timeline.getChildIndex(mc_1));  // 0 -1
createjs.Ticker.addEventListener('tick', function(event) {
     if (timeline.getChildIndex(mc_0) > -1 && timeline.getChildIndex(mc_1) > -1) {
          timeline.setChildIndex(mc_1, 0);
          stage.update();
          event.remove();
     }
});

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.