PixiJS - 固定フレームレートの設定

Question

タイトルによると、PixiJSの固定フレームレートはどのようにして25fpsに設定されますか？私はそれよりも多くのフレームを行うにはしたくない

g_App = new PIXI.Application(800, 600, { backgroundColor: 0x1099bb }); 
document.getElementById("canvas-div").appendChild(g_App.view); 

：

は、ここに私の設定です。

Answer 1

requestAnimationFrameを使ったPixiJSに関する@wavemodeのコメントの後、私は以下のことをしなければならないかもしれません。 （注：より良い解決策がある場合は投稿してください。それ以外の場合は答えとしてマークします）。

フレームレートを超えている場合は、基本的にアニメーションを停止してください。

後、私たちは、アニメーション設定するときに次に

var g_TICK = 40; // 1000/40 = 25 frames per second 
var g_Time = 0; 

：

// Listen for animate update 
g_App.ticker.add(function (delta) { 
    // Limit to the frame rate 
    var timeNow = (new Date()).getTime(); 
    var timeDiff = timeNow - g_Time; 
    if (timeDiff < g_TICK) 
     return; 

    // We are now meeting the frame rate, so reset the last time the animation is done 
    g_Time = timeNow; 

    // Now do the animation 

    // rotate the container! 
    // use delta to create frame-independent tranform 
    container.rotation -= 0.01 * delta; 
    g_Bunny0.x += 1; 
}); 

Answer 2

25FPSはフレームあたり40ミリ秒です。あなたはスクリーンが毎秒25回を更新したいのであれば、すべてのフレームは、あなたが

のsetTimeout（myRenderFunction、40）

を呼び出す必要があります。