웹 페이지가 - http://schnell.dreamhosters.com/spriteanimate.html이 Javascript/jQuery 애니메이션을 어떻게 더 좋게 만들 수 있습니까?
페이지로 이동하여 '소스보기'를 클릭하면 모든 코드가 표시됩니다.
지금은 꽤 간단합니다. 오른쪽 화살표 키는 X를 오른쪽으로 만들고, 왼쪽 화살표 키는 왼쪽으로 이동시킵니다. 그는 적절한 방향으로 움직이는 애니메이션을 만들고 실제 이미지 요소는 같은 방향으로 움직입니다.
제가 지금 당장 가지고있는 주요 문제는 최적화입니다. 이 애니메이션을 조금이라도 놀면 애니메이션이 매끄럽지 않다는 것을 알게 될 것입니다. 처음 몇 초 동안은 여전히 느껴질만큼 느려집니다. 왼쪽으로가는 애니메이션은 특히 유죄입니다. 또 다른 문제는 jQuery의 .animate()입니다. 그것은 일종의 중지 및 이동 동작을 수행하고 말할 수 있습니다. 이미지 요소의 움직임은 거칠고 아주 매끄럽지 않습니다.
jQuery의 .animate()는 easing 등으로 조정될 수 있지만, 그 대답 일 경우 때때로 실행 지연이나 무언가를 남기게됩니다. 누구도 제안 사항이 있습니까?
일에 대해 전원
http://girliemac.com/sandbox/matrix.html
등을 크롬에서 작동하지만 보여주는 예입니다. – Wazzzy
Chrome에서 완벽하게 작동합니다. Firefox는 문제입니다 ... – Wazzzy