0

ページの左側から右側に移動してから元に戻る画像をアニメーション化しようとしています。

次の例と非常によく似ています。

http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-animate-position-tutorial/

モバイルとデスクトップの両方でアプリケーションを試してみましたが、非常に異なるフレームレートが得られました。このような単純なアニメーションのフレームレートを設定して、画像が一方から他方に移動する時間がすべてのデバイスとブラウザーで常に同じになるようにする方法はありますか?

スプライトには設定できますが、アニメーションには設定できないことがわかりました。

4

2 に答える 2

1

たぶんこれも役立ちます：

Animation 関数内に if クエリを配置して、アニメーションが x 秒後にのみ機能するようにしました。

            var lastTime = 1000;
    var frameRate = 500;

    var anim = new Kinetic.Animation(function(frame) {

        if(frame.time > (lastTime + frameRate)){
            **YOUR CODE HERE** 

            lastTime = frame.time;
        }


    }, this.layer);
于 2013-08-15T12:56:33.490 に答える