Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

300
Visualizações
¿Cómo obtener los fps objetivo de requestAnimationFrame?

Tengo un ciclo de animación ejecutado por requestAnimationFrame.

En mi computadora, el tiempo entre cuadros obtenidos de esta manera es más o menos 16.667ms correspondiente a 60fps. Sin embargo, https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame indica que no necesariamente se ejecuta a una velocidad fija y puede intentar igualar la frecuencia de actualización de la pantalla del dispositivo, lo que podría ser 90 o 120 o más en estos días.

Ahora lo que quiero hacer es medir el tiempo entre fotogramas y simplificar la animación en dispositivos de bajo rendimiento si el hardware no puede seguir el ritmo, en pseudocódigo:

 if (elapsed_frame_time > (1000 / magical_function_to_get_the_target_fps_of_requestAnimationFrame()) { animation.particles *= 0.9; }

Supongo que podría medirlo en unos pocos ticks de requestAnimationFrame vacíos para obtener el tiempo nominal aproximado, pero ¿hay algo en la biblioteca estándar que me diga cuál debería ser el intervalo o los fps?

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

No, no hay nada que nos permita saber la frecuencia "óptima" de requestAnimationFrame (rAF).
Incluso medirlo revisando algunas rondas no es una ciencia exacta. Es muy posible que esté midiendo mientras otra aplicación está consumiendo todo el proceso disponible del dispositivo, su usuario puede estar desplazándose por la página, lo que puede tener una influencia dramática en rAF, definitivamente tendrá valores atípicos y será casi imposible distinguir entre un Monitor de 59,9 Hz y uno de 60 Hz, por ejemplo.

Así que si realmente tienes que ir por este camino

  • Asegúrese de usar un FPS promedio, basado en una muestra lo suficientemente grande e ignorar la primera llamada (porque los navegadores en realidad ejecutan la devolución de llamada directamente desde un documento no animado).
  • Verifique la marca de tiempo de la devolución de llamada, ya que esto representará el momento en que el monitor envió su señal V-Sync y no debe verse influenciado por otras secuencias de comandos en la página.
  • Probablemente espere al menos unos pocos fotogramas perdidos antes de intervenir.
  • Recuerde que algunos usuarios pueden tener sistemas de dos monitores con varias frecuencias de actualización.
  • Espere algunos casos extremos y errores del navegador.
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda