시작점인 자바스크립트 애니메이션
https://stackoverflow.com/questions/10038
-
08-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
JS가 어떻게 실행되는지 이해하고 DOM의 대부분을 이해한다고 생각하지만 애니메이션에 대해서는 전혀 모릅니다.여기 Javascript에서 어떻게 수행되는지 설명할 수 있는 좋은 가이드를 아는 사람이 있나요?
게다가 애니메이션을 위한 자바스크립트도 고려해야 할까요?대신 플래시를 배워야 할까요?
해결책
플래시는 피하세요. 끔찍한 요구 사항이고 Google에서 크롤링할 수 없고 여러 브라우저와 시스템(예: iPhone)에서 지원하지 않는 가장 중요한 사항은 다음과 같습니다.이는 웹 표준을 재창조하도록 강요합니다(예:스크롤 막대 등) 반면에 Javascript는 noscript의 경우 유지 관리 및 코딩이 더 쉽습니다.
노력하다 대본이 많은 귀하의 애니메이션을 위해;
엄청나게 많은 JS 애니메이션 라이브러리가 있다는 점에 유의하세요. 그 중 일부는 정말 훌륭합니다. jQuery 생각 나다.일반적으로 스크립트 태그와 설정할 onclick 이벤트일 뿐입니다.
행운을 빌어요!
/mp
다른 팁
애니메이션이 단순하다면 시간이 지남에 따라 색상을 변경하고 3초 안에 x에서 y로 이동하세요.자바스크립트는 괜찮습니다.모든 종류의 wizbang 버튼과 화면의 조화로운 회전을 원한다면 바로 js + dhtml이 기껏해야 투박할 것입니다.Silverlight와 Flash는 그 시점에서 질문이 됩니다.흥미롭게도 JavaScript로 Silverlight를 프로그래밍하면 Silverlight에 구현된 더 빠르고 더 동적인 DOM으로 업그레이드하면서도 여전히 동일한 코드를 작성하는 것의 주요 이점이 됩니다.내 경험상 플래시 프로그래밍 가능성은 매우 제한적입니다. 무엇이든 할 수 있지만 속도가 느리고 거기에 도달하려면 수천 줄의 코드가 필요합니다.간단한 JS 애니메이션의 경우 jQuery 또는 Scriptaculous를 살펴보세요.
Bernard Sumption과 같은 JS 애니메이션 프레임워크를 확인해 보세요. 애니메이터.js.꽤 가볍고 몇 가지 훌륭한 예제가 있습니다.
개인적으로 저는 JS에서 애니메이션을 적용하지 않을 것입니다.플래시 FTW.
IE 지원에 관심이 없다면 캔버스 요소를 사용해 볼 수도 있습니다.
Mozilla 개발자 네트워크 기본 애니메이션
