Tag: requestanimationframe

HTML5-Fenster.requestAnimationFrame-API ist eine alternative zu setTimeout für Animationen oder Anwendungen laufen in einer Schleife.

Nicht Reagieren, verwenden Sie requestAnimationFrame? Wenn ja, wie nutzen Sie es?

Anzahl der Antworten 1 Antworten
Fand ich 2 Quellen, wo es sagt, dass Reagieren, ist die Verwendung requestAnimationFrame Auf dieser blog-post über Om, ein ClojureScript Rahmen auf der Oberseite zu Reagieren. Auch auf die Kommentare dieses SO beantworten. Ich bin nicht sicher,

Javascript - Können nicht Einstellen, FrameRate - requestanimationframe

Anzahl der Antworten 7 Antworten
Starte ich die Schleife function gameLoop(){ update(); draw(); requestAnimFrame(gameLoop); } var requestAnimFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 1); }; Kann ich nicht einstellen, die frame-rate. Es

Fehler beim ausführen der 'requestAnimationFrame' auf 'Fenster': Der callback bereitgestellt, die als parameter 1 ist keine Funktion.

Anzahl der Antworten 1 Antworten
Nicht sicher, was ich falsch mache hier... window.requestAnimFrame = function(){ return ( window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(/* function */ callback){ window.setTimeout(callback, 1000 / 60); } ); }(); function animationSequence(elem, ind) {

Mehrere requestAnimationFrame Leistung

Anzahl der Antworten 3 Antworten
Wenn ich dabei bin, mehrere Animationen, ist es OK, performance-Weise hinzufügen mehrere requestAnimationFrame Rückrufe? F. ex: function anim1() { //animate element 1 } function anim2() { //animate element 2 } function anim3() { //animate element 3 }

Erhalten Sie die frame-Nummern in HTML5-Videos

Anzahl der Antworten 2 Antworten
Ich versuche zu erfassen jeden frame Nummer des video aber wie es aussieht gibt es keine Möglichkeit, dies zu erreichen. So begann ich meine eigene Uhr entsprechend der frame-Nummern des video aber Sie nie mit, und der

$(window).Blättern Sie in vanilla JavaScript

Anzahl der Antworten 1 Antworten
Was ist das äquivalent zu der folgenden, die in plain JS? $(window).scroll(function() { }); Ich bin auch auf der Suche zu animieren, scrollen, z.B.: $('html, body').animate({scrollTop:1750}, 'slow'); Soll ich mich mit requestAnimationFrame? http://paulirish.com/2011/requestanimationframe-for-smart-animating/ Gibt es irgendwelche Beispiele,

Wie kann ich das übergeben argument mit requestAnimationFrame?

Anzahl der Antworten 2 Antworten
In der Haupt-Programm, das ich zufällig wählen Sie ein Objekt, das möchte ich animieren, so nenne ich die Funktion mit dem Objekt als argument. Die erste Schleife ist in Ordnung, X ist fein eingestellt, aber in der

Begrenzung der framerate im Three.js um die Leistung zu erhöhen, requestAnimationFrame?

Anzahl der Antworten 4 Antworten
Ich dachte, dass es für einige Projekte, die ich tun 60fps ist nicht völlig notwendig. Ich dachte, ich könnte mehr Objekte und Dinge, die lief mit 30 fps, wenn ich könnte es laufen reibungslos auf, dass die

Steuern von fps mit requestAnimationFrame?

Anzahl der Antworten 6 Antworten
Scheint es, wie requestAnimationFrame ist die de-facto Weise zu animieren, die Dinge jetzt. Es funktionierte ziemlich gut für mich, für die meisten Teil, aber bis jetzt bin ich versucht zu tun, einige Leinwand-Animationen, und ich Frage mich:

Warum verwendet jQuery requestAnimationFrame nicht?

Anzahl der Antworten 3 Antworten
Einige Browser unterstützen requestAnimationFramewarum also nicht nutzen? Nachdem alle, es ist schon unterstützt, da Google Chrome 10. Trotz, dass, jQuery scheint nicht zu sein, es zu benutzen. Ich habe ein Fehlerberichtaber keine wirkliche Erklärung gegeben wurde? Ich

Wie benutzt man requestAnimationFrame?

Anzahl der Antworten 2 Antworten
Ich bin neu in der animation, aber ich habe vor kurzem erstellt eine animation mit setTimeout. Die FPS zu niedrig war, also habe ich eine Lösung gefunden zu verwenden requestAnimationFramebeschrieben in diesem link. Bisher, mein code ist:

setTimeout oder setInterval oder requestAnimationFrame

Anzahl der Antworten 2 Antworten
Für HTML5-Spiele,mit canvas-animation für mobile Geräte. Ich bin vor einige performance-Probleme, die sich die Geschwindigkeit zwischen jedem Gerät und dem anderen. requestAnimationFrame Geschwindigkeit der animation des Spiels nach, um das Gerät die Geschwindigkeit. setInterval schockiert mich, dass