HTML 5 캔버스 - 버튼 당 매끄러운 스크롤 실현

Question

잠시 동안 google'ing 해왔지만 문제에 대한 좋은 해결책을 찾을 수 없습니다.

여러 이미지가 포함 된 캔버스가 있습니다. "왼쪽"및 "오른쪽"버튼을 통해이 이미지를 부드럽게 그리고 가로 방향으로 스크롤하려고합니다. 나는 캔버스의 초점을 맞추기위한 방법이 있어야한다고 생각합니다. 나는 잘 작동하는 translate을 시도했지만 다음 섹션으로 "점프"하고 싶지는 않습니다. 부드러운 스크롤을 원합니다 ...

아이디어가 있으십니까? 캔버스에 부드러운 애니메이션

Answer 1

좋아, 마침내 나는 길을 발견했다. .. 꽤 기초적.

function animate() { 

draw(); 

if(globalVar<300){ 
    globalVar++; 
    setTimeout("animate();", 100); 
} } 

Answer 2

당신은 내가이 Greensock JS tweening library의 일이다 생각 requestAnimationFrame 방법 (http://paulirish.com/2011/requestanimationframe-for-smart-animating/)

Answer 3

를 사용해야합니다. 개체를 노출 할 수있는 속성을 트위닝 할 수 있습니다.

설명서가 매우 좋으며 시작을위한 리소스가 많이 있습니다. 또한 포럼에서 무엇을하려고하는지에 대해 질문 할 수 있습니다.

나는 플래시 개발자로 수년간 TweenMax을 사용했으며, 이제 JS 개발에 사용하기 시작했습니다.

@ devnull69 답변에 따르면, 또한 requestAnimationFrame을 사용합니다.