PixiJS - Einstellen einer festen Bildrate

Question

Wie der Titel sagt, wie setzt man eine feste Bildrate von 25 fps für PixiJS?

Hier ist mein Setup:

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

Ich will nicht als keine Frames mehr tun.

Answer 1

Nach @ wavemodes Kommentare über PixiJS mit requestAnimationFrame Ich denke, ich muss das folgende tun. (Hinweis: Wenn es eine bessere Lösung gibt, posten Sie sie bitte, andernfalls werde ich dies als die Antwort markieren.)

Stoppen Sie im Grunde jede Animation, wenn wir die Bildrate überschreiten.

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

Dann später, wenn wir die Animation ein:

// 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

25 FPS sind 40 Millisekunden pro Frame. Also, jeder Frame, sollten Sie

setTimeout (myRenderFunction, 40)

aufrufen, wenn Sie auf dem Bildschirm wollen 25-mal pro Sekunde aktualisieren.