0

私の画面には、10 個の画像と 6 個のテキストがあります。「stage.update()」を呼び出すたびに、ビュー画面が再設計されることを知っています。

定数「stage.update ()」を必要とするオブジェクトは 2 つだけです。1 つ目はテキストを更新するために 1 秒ごとに必要なクロノメーターで、2 つ目は画面上でドラッグできる画像です。

オブジェクト専用の「stage.update ()」を作成するにはどうすればよいですか?

試み：

  1. 単一のキャンバスに「ステージ」の配列を作成しました。

    canvas = document.getElementsByTagName ('canvas') [0];
stage['full'] = new createjs.Stage(canvas);
stage['chronometer'] = new createjs.Stage(canvas);

    実行すると、一方が他方をキャンセルする問題:

    stage ['full']. update ();
stage ['chronometer']. update ();

  2. コンテナを作ってみました。

    containerTest = new createjs.Container(); 
stage.addChild(containerTest);

    問題？コンテナ内のものだけを更新できませんでした。

4

1 に答える 1

0

ティッカーとカウンターを使用すると、次のことができると思います。

var counter = 0;
createjs.Ticker.addEventListener("tick", handleTick);
var chronometer = ...
chronometer.cache(xChrono,yChrono,widthChrono,heightChrono);

function handleTick(event) {
   // handle your drag and drop
   // ...
   if (counter == maxValue) { // maxValue = 1000 / createjs.Ticker.getInterval()
       // redraw your chronometer
       // ...
       counter = 0;
       chronometer.updateCache();
   } else {
       counter++;
   }
   stage.update();
}
于 2013-10-11T08:38:24.807 に答える