requestanimationframe

3열

2답변

매우 높은 FPS를 제공하는 webkitRequestAnimationFrame을 해결하는 방법

오늘 나는 새로운 HTML5가 제공해야하는 무엇, 특히 캔버스에 익숙해 지려고 노력했습니다. 나는 www.html5canvastutorials.com 사이트를 방문하여 몇몇 자습서를 따르기 시작했고 다른 브라우저에서 약간의 코드로 놀기 시작했다. 다음 예제를 얻었을 때 나는 구글 크롬에서 이상한 것을 발견했다. http://www.html5canvastut

html5 google-chrome canvas frame-rate requestanimationframe 2012-08-12

---

0열

2답변

requestAnimationFrame()에도 불구하고 내 WebGL 애니메이션이 느립니다.

"threejs - Cloud exemple"(http://mrdoob.com/lab/javascript/webgl/clouds/)에서 영감을 얻은 웹 사이트 배경에 대한 webgl 애니메이션을 만들려고합니다. 내 컴퓨터에서는 오히려 좋은 것처럼 보입니다. 그러나 어떤 PC에서는 매우 느립니다. 내 코드를 최적화하고 그래픽 카드가 webgl을 지원하지 않는

javascript canvas webgl requestanimationframe 2012-10-05

---

4열

2답변

Raphael에서 requestAnimationFrame을 호출하면 성능이 저하됩니까?

나는 거의 50 %의 애니메이션을 Raphael.js에 많이 의존하는 꽤 많은 리소스를 필요로하는 웹 애플리케이션을 개발 중이다. 나머지는 웹 오디오 API의 컨텍스트와 함께 webkitRequestAnimationFrame을 사용하는 내 자신의 애니메이션 메소드를 굴렸다. .currentTime을 사용하여 오디오 구성 요소와 애니메이션을 동기화합니다. 나

javascript raphael requestanimationframe 2012-05-09

---

1열

1답변

왜 Chrome이나 Firefox보다 drawImage가 Safari에서 훨씬 빠르게 수행됩니까?

나는 약간의 HTML 캔버스 비주얼라이저를 재미있게 만들었는데, 나는 크롬에서 끔찍하게 실행된다는 것을 알아 냈다. 파이어 폭스에서는 꽤 나쁘지만, iPhone과 iPad를 포함하는 사파리에서는 절대적으로 놀랍다. 이유를 설명 할 수 있습니까? 코드는 매우 간단해야하지만 기본적으로 마우스 (또는 터치) 위치에 대한 점을 그려서 drawImage를 사용하여

javascript canvas drawimage requestanimationframe 2012-03-23

---

6열

2답변

크롬의 새로운 세로 형 타임 라인의 빈 공간은 무엇입니까?

나는 chrome의 requestAnimationFrame을 사용하여 raphael에서 간단한 viewbox 애니메이션을 실행하고 있습니다. 나는 모든 스크립팅 및 렌더링 작업이 완료된 것을 눈치 채고 있지만 브라우저는 아무 것도하지 않고 앉아있는 것처럼 보이는 30-60ms의 "데드 스페이스"를 여전히 볼 수 있습니다. 이것에 대한 통찰력?

google-chrome timeline requestanimationframe 2012-05-14

---

1열

1답변

requestAnimationFrame이 Firefox에서 CPU를 사용합니다.

그래서 Paul Irish의 requestAnimationFrame을 사용하여 페이지에 사이드 바를 "고정"시킵니다. 적어도 웹킷 브라우저에서는 Waypoint와 같은 다른 솔루션에 비해 성능이 크게 향상되었습니다. 그러나, 나는 Firefox에서 페이지를 스크롤하기 시작할 때 CPU가 지붕을 통과하고 페이지가 엄청나게 느리다는 것을 알게되었습니다. 이 방

javascript firefox coffeescript sticky requestanimationframe 2012-07-12

---

0열

1답변

간격을 요청하는 데 적용 프레임

class MakeCanvas constructor : (elemId,width,height,@slideTimeThrottled) -> @ctx = document.getElementById(elemId).getContext '2d' @ctx.canvas.width = width @ctx.canvas.height

jquery coffeescript polyfills requestanimationframe 2012-05-28

---

1열

1답변

웹 기반 애니메이션을위한 벤치마킹 FPS?

초당 간단한 프레임 속도 애니메이션 벤치 마크 자바 스크립트 유틸리티를 작성하려고합니다. FPS는 아마도 여기있는 용어 일 뿐이지 만 브라우저와 장치간에 다른 애니메이션 (CSS3/canvas/webgl)이 어떻게 수행되는지를 더 정확하게 비교하고 측정 할 수있는 것이 이상적입니다. (그래서 특정 코드를 테스트하는 것이 아니라 페이지에 포함되어 있으며 자체

javascript css3 benchmarking setinterval requestanimationframe 2012-07-18

---

1열

2답변

fallback으로 setTimeout을 사용하여 requestAnimationFrame을 사용하는 JS 애니메이션 라이브러리

requestAnimationFrame을 사용하는 JavaScript 애니메이션 라이브러리가 있습니까?

javascript animation requestanimationframe 2012-07-21

---

0열

1답변

캔버스 FF의 성능이 좋지 않음

그래서 로컬로 html5 캔버스를 실행하는 웹 페이지가 있습니다. 크롬과 IE9 (크롬에서 60fps, IE에서는 약간 느리지 만 부드럽지만)에서는 원활하게 실행되지만 FF에서는 성능이 좋지 않습니다 (현재 13.0.1 및 14.0.1 빌드에서 테스트 됨). FF로 렌더링 된 오브젝트의 수를 크게 줄여야 부드럽습니다. 그러나 IE와 크롬에는 이러한 문제가

javascript html5 firefox canvas requestanimationframe 2012-07-24

---