1 
var stage = new Kinetic.Stage({
   container: 'container',
   width: 578,
   height: 200
});
var layer = new Kinetic.Layer();

var Circle = new Kinetic.Circle ({
     x: 100,
     y: 100,
     radius: 10,
     fill: 'green',
     stroke: 'black',
     strokeWidth: 5
});

layer.add(Circle);
stage.add(layer);

var a = 1;
var anim = new Kinetic.Animation(function(frame) {
     Circle.setX(frame.time * 350 / 1000 + 100);
 }, layer);


anim.start();

特定のポイントまたは座標でアニメーションを停止するにはどうすればよいですか？x = 700にアニメートしてから、停止するようなものです。x = 700を調整するボタンでアニメーション化し、停止してから停止し、その後別のボタンで元に戻す、または下に移動できる円が必要です。

ありがとうございました。

4

1 に答える 1

0

2つの方法があります
。1。

var anim = new Kinetic.Animation(function(frame) {
    if(Circle.getX() < 700)
       Circle.setX(frame.time * 350 / 1000 + 100);
    else 
       this.stop();
}, layer);

または
2.Kinetic.Transition ここでチェックを使用します

于 2013-01-13T15:52:08.253 に答える