特定のフレームをホバリングに設定するには

Question

私はマウスの上にある特定の位置（フレーム）にジャンプしようとしています。私は試しました：

var element = document.getElementById('animation_container'); 
element.addEventListener('mouseover', element, function() { 
    createjs.Ticker.removeEventListener("tick", stage); 
    createjs.Tween.setPosition(502); 
}); 
element.addEventListener('mouseleave', element, function() { 
    createjs.Ticker.addEventListener("tick", stage); 
}); 

上記は機能しません。アニメーションは停止していますが、キャンバスの実際のフレームを変更することはできません。

おそらく私はfnStartAnimation()を使ってアニメーションを再開し、この関数の状態でアニメーションの開始位置を再設定する必要がありますか？あなたが私に与えることができる助けを感謝します。

Answer 1

この例では、位置を設定する前にステージから「チック」を取り除いています。ステージの更新がない場合は、キャンバスに変更はありません。変更を行った後、もう一度ステージを更新する必要があります。

まず、あなたがそれに直接関数を適用するためには、あなたのトゥイーンアニメーションのトゥイーンインスタンスを返す必要があります。

var tween = createjs.Tween.get(target); 

その後、あなたはリスナー関数としてこれを試すことができます。

createjs.Ticker.removeEventListener("tick", stage); 
tween.setPosition(502); 
stage.update(); 

それとも、あなたはまたして、これまでのステージダニを削除せずにトゥイーンを一時停止しようとすることができます：

tween.setPaused(true); 

ところで、私が知る限り、イベントリスナーは、ターゲット要素ではなく、2番目のパラメータとしてリスナー関数を持ちます。