requestAnimationFrame은 프레임 속도를 어떻게 제어합니까?
仅有的幸福
仅有的幸福 2017-05-16 13:44:28
0
3
706

캔버스에 애니메이션을 구현하고 싶습니다. 애니메이션의 각 프레임을 Sprite에 그려서 하나의 그림으로 연결합니다. 애니메이션을 구현하기 위해 setTimeout을 사용해 보았지만, requestAnimationFrame에서는 프레임 속도를 제어할 수 없습니다. 1초에 7프레임을 그리려면 어떻게 해야 하나요?

仅有的幸福
仅有的幸福

모든 응답(3)
过去多啦不再A梦

requestAnimationFrame은 브라우저가 다음 프레임을 렌더링할 때 호출되므로 requestAnimationFrame의 호출 속도는 브라우저의 새로 고침 빈도(일반적으로 60프레임)라고 간주할 수 있습니다

그러나 requestAnimationFrame이 콜백을 호출하면 타임스탬프 매개변수가 전달됩니다. 이 매개변수를 기반으로 판단하여 실제로 필요한 프레임 속도를 처리할 수 있습니다

예를 들어 초당 7프레임을 원한다면 이렇게 쓰면 됩니다

으아아아
Ty80

제어할 수 없는 것 같지만 브라우저가 스스로 계산합니다

迷茫

1s7 프레임의 새로 고침 빈도는...본질적으로 "프레임 건너뛰기" 효과입니다...

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!