2

こんにちは、html5 キャンバスにボールが落ちています。ボールがどこまで落ちているかを表示するカウンターが必要です。

    var ball = new Kinetic.Shape(function(){
        var context = this.getContext();
        context.beginPath();
        context.arc(0, 0, radius, 0, 2 * Math.PI, false);
        context.fillStyle = "black";
        context.fill();
    });

誰かがこれを行う方法を考えていますか?

4

1 に答える 1

0

あなたの形状はキャンバス上に位置を持っています。念のために明確に定義する必要があります。

しかし、オブジェクトが画面上でどのように移動するかを数えたい場合は、次のようにするだけです。

   ball.getPosition();

これにより、次の形式でポイントが返されます。

   {x: number, y: number}

次のように、個々の x、y 値を保存できます。

   var xPosition = ball.getPosition().x;
   var yPosition = ball.getPosition().y;

これらの位置をアニメーションに保存して、ボールがどれだけ動いたかを合計できます。

于 2013-01-20T19:59:59.523 に答える