requestanimationframe Questions
4
Solved
If I have a loop using requestAnimationFrame like this:
function render() {
// Rendering code
requestAnimationFrame(render);
}
Will there be any difference if I put the requestAnimationFrame ...
Cockatrice asked 6/7, 2016 at 16:47
1
Why this is important to me
I have a site where I need to have a countdown timer running to show people how much time they have left to complete an action.
This timer will run for days and probab...
Blitzkrieg asked 25/6, 2016 at 2:6
1
Solved
I mean calling multiple requestAnimationFrame with the same function in one time
function Draw() { /* DoSomething */ }
function AFunc() {
/* prepare something */
requestAnimationFrame(Draw);
}
f...
Teheran asked 7/6, 2016 at 8:0
5
http://updates.html5rocks.com/2012/05/requestAnimationFrame-API-now-with-sub-millisecond-precision tells me that recently (Chrome 20) requestAnimationFrame has gained a new sub-millisecond precisio...
Voluble asked 5/11, 2012 at 22:17
1
Solved
Can someone please share where you should have the RequestAnimationFrame call in the animation loop. Should it be at the beginning of the loop or the end of the loop? I've seen it written about man...
Younger asked 16/5, 2016 at 13:43
1
Solved
I've been experimenting with jank-free rendering of complex scenes on HTML5 canvas. The idea is to split rendering into multiple batches with each batch taking a maximum of, say 12 ms, so that the ...
Slum asked 20/4, 2016 at 12:50
3
Solved
I used script from Paul Irish
https://gist.github.com/paulirish/1579671
to create animation loop inside html site.
It works although it's faster in fullscreen mode than in browser window.
Also, I...
Wallaroo asked 13/1, 2016 at 12:15
1
I'm looking for an ffmpeg comand that's best used if I'm controlling a video to mouse control on "requestAnimationFrame". Basically, it needs to be fast-seeking and encoded at a high key frame inte...
Stamen asked 22/11, 2015 at 11:47
2
Identification:
I'm looking at all possible solutions for detecting when the FPS drop or the repaints/reflows stop happening in a browser due to the browser optimizing performance because an area o...
Semiporcelain asked 29/1, 2014 at 17:8
2
Does it make sense to request an animation frame for beginning a CSS transition?
For example, the Mozilla CSS transitions page includes a link to this jsfiddle example:
CSS:
#foo{
border-radius...
Kayak asked 25/10, 2012 at 20:15
1
Solved
This is a check on my understanding of requestAnimationFrame. I have a need for a debounce function, as I'm doing some DOM interaction every time the window is resized and I don't want to overload ...
Sauger asked 31/3, 2015 at 1:38
2
I'm running a simple viewbox animation in raphael using requestAnimationFrame in chrome. I'm noticing all scripting and rendering tasks are completed yet I still see anywhere between 30 and 60ms ...
Exuviate asked 14/5, 2012 at 22:51
1
Solved
I'm having problem finding out how I can use requestAnimationFrame in a class.
This code is working fine:
window.onload = function () {
var width = 20;
function animation() {
width++;
var ele...
Labiovelar asked 6/3, 2015 at 22:47
1
Solved
I want to experiment with performance of some React components inside my app. I know that ClojureScript's Om framework (https://github.com/swannodette/om) uses some optimization techniques like usi...
Francklin asked 10/1, 2015 at 14:44
4
Solved
I'm using Javascript & jQuery to build a parallax scroll script that manipulates an image in a figure element using transform:translate3d, and based on the reading I've done (Paul Irish's blog,...
Kasey asked 29/12, 2014 at 8:55
2
Related topic: requestAnimationFrame garbage collection
I've been working toward smooth animations in a widget that I'm building for touch devices, and one of the tools I found to help me with thi...
Aquiline asked 16/10, 2013 at 4:59
1
I have been programming a javascript demo/test to learn WebGL. I have a fairly efficient game loop structure that (according to Chrome Dev Tools) only takes 1-2 milliseconds to run. I am using requ...
Psychomotor asked 24/2, 2014 at 5:15
3
Solved
requestAnimationFrame is called whenever the screen is ready for a repaint.
On modern screens the refresh rate may be a lot higher then 60 frames per second. If there is a lot of stuff going on ins...
Bayern asked 30/9, 2014 at 12:26
1
Solved
I'd like to use setInterval for actual steps in a program and requestAnimationFrame for rendering. I was under the impression this would be the perfect mix: rendering speed would not slow down actu...
Genny asked 16/9, 2014 at 22:32
2
Solved
I'm drawing some shapes (arc, lineTo, etc.) to a using requestAnimationFrame. Nothing too fancy, but I'm noticing some occasional jerky animation. I profiled using the Timeline inspector in Chrome ...
Botanomancy asked 19/4, 2014 at 5:50
7
Solved
I start the loop
function gameLoop(){
update();
draw();
requestAnimFrame(gameLoop);
}
var requestAnimFrame = window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozR...
Quacksalver asked 25/9, 2013 at 8:41
1
Solved
Not sure what I'm doing wrong here...
window.requestAnimFrame = function(){
return (
window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame || ...
Stucker asked 26/2, 2014 at 10:55
2
I am playing around with the requestAnimationFrame but I get very jerky animations in any other browser than Chrome.
I create an object like this:
var object = function() {
var lastrender = (n...
Molecular asked 15/5, 2013 at 9:19
1
Solved
I'm pretty new to Three.js (1 day experience lol)
I want to create a model of Solar system so I got planets that should move along their trajectories (circles).
function render() {
requestAnimat...
Amberjack asked 8/5, 2014 at 12:32
3
I'm profiling the following code's memory usage using the Timeline in Chrome Dev Tools v27.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='content-type' content='text/html; ...
Stolen asked 29/6, 2013 at 16:27
© 2022 - 2024 — McMap. All rights reserved.