1

グループにtransitionToしようとしていますが、それは実行されますが、他の何かがステージを強制的に描画する場合にのみ、transitionを確認できます。トランジション自体は、進行中にキャンバスを更新しません。グループ内には4つのKinetic.Imageと4つのKinetic.Textがあります。それを機能させる方法はありますか？

#score group x：1000としましょう

var points = self.stage.get('#scoreGroup')[0];
points.transitionTo({
    x: 800,
    duration: 5
});
4

1 に答える 1

1

何が欠けているのかを実際に判断するには、さらに多くのコードが必要になるのではないかと思いますが、すでにステージ上にあるレイヤーにすでに含まれているグループに要素を追加したと思います。transitionToはバッファにレンダリングされていますが、要素がステージ上で「描画」されていないため、アニメーションは表示可能なステージに変換されていません。おそらく、より多くのコードを提供するか、このjsFiddleを作成すれば、より多くの洞察を提供できます。

それまでの間、transitionTo（トランジションを一時的にコメントアウト）を呼び出す前に、4つの画像と4つのテキストオブジェクトがステージに表示されていることを確認してから、もう一度試してください。

var stage = new Kinetic.Stage({container : 'container', width : 800, height : 600});
var layer = new Kinetic.Layer();
var group = new Kinetic.Group({id : 'scoreGroup', x : 0, y : 0});
layer.add(group);
stage.add(layer);
// add images and text as usual
var imageObj = new Image();
imageObj.onload = function() {
    var image = new Kinetic.Image({x : 20, y : 20, width : 100, height : 100, image : imageObj});
    group.add(image);
};
imageObj.src = '[path_to_image]';
layer.draw();
group.transitionTo({x : 600, y : 400, duration : 3});

あなたが思いついたものを教えてください。

于 2012-11-06T14:56:18.197 に答える