2010-07-19 4 views
5
내가 애니메이션이 될 수있을 것 타임 라인 기반의 애니메이션 구현하기 위해 노력하고있어

:Javascript 용 위대한 애니메이션 엔진은 무엇입니까? - 자바 스크립트/애니메이션

  • 빠르게 전달
  • 을 재개 일시 정지는
  • 아래
  • 둔화
  • 은 반전
  • ...

자바 스크립트 용 애니메이션/트위닝 엔진이 이러한 목적으로 사용될 수 있습니까? 아니면 그게 좋습니다 것이 좋습니다?


Hwlp가 특히 나에게 흥미로울 것입니다. =)

+0

JQuery와 다른 것들은 일반적인 목적의 애니메이션 엔진을 가지고 있지만, 성능과 메모리가 필요하다면 안정적인 엔진은 순수한 자바 스크립트로 작성하십시오. 언급 한 기능은 어렵지 않습니다. 큐와 120 라인 클래스로 감싸 진 타이머가 당신과 비슷한 상황에서 저에게 효과적이었습니다. 행운을 빕니다. – user347594

답변

1

나는이 프레임 워크의 모든 당신 을 위해 (역 그들 모두를 지원하지 않습니다 I 참조) 그렇게 생각 :

나는 jQuery를 선호합니다.

+0

고마워요.하지만 특정 시점의 애니메이션을 시작하는 시간은 어떨까요? – RadiantHex

+0

여기에 약간의 아이디어가 있습니다. http://stackoverflow.com/questions/664867/scrolling-a-jquery-animation-backwards-and-forwards –

0

당신은 jQuery를 살펴 검색 필드 쓰기에

http://www.visualjquery.com/

에서 애니메이션이 걸릴 수 있습니다 "애니메이션"항목을 클릭하면 거기에 몇 가지 예를 볼 수 있습니다.

+0

jQuery는 훌륭하지만, "영화"로 취급되기에 충분히 유연한 타임 라인 기반 애니메이션을 만드는 것은 매우 어렵습니다. – RadiantHex

2

당신이 찾고있는 것이 있다고 생각하지 않습니다. 직접 작성해야합니다.

또한 Adobe에서 JS/HTML/CSS 애니메이션 용 도구 세트를 제공하고 있습니다. Google IO에서 프레젠테이션을 확인할 수 있습니다.

+0

Mark! 나는 그것을 조사 할 것이다! – RadiantHex

4

당신이 아직 관심이 있는지 모르겠지만, 나는 당신과 똑같은 사람을 찾고 있습니다. (나를 믿으십시오, 시간과 시간을 찾고 있습니다), 그리고 제가 정말로 발견했는지 모르겠습니다. 내가 뭘 찾고 있었는지. 가장 가까운 것은 jsAnim (http://jsanim.com)이며 현재 정상적으로 작동 중입니다. 나는 그물에서 찾은 것의 목록을 만들었습니다 :

(코멘트는 매우 비일상적이며 테스트는 매우 빨리 이루어졌습니다. 핀셋으로 찍어주십시오.)

  • jsAnim : 구문 (YUI 참조) (엔지니어 ... 큰 인 ...) 매우 애니메이션에 집중하기 쉽고되지 객체 아키텍처입니다. 이싱 옵션은 훌륭하지 않지만 멋지다. 전반적으로 잘 작동합니다.
  • Scripty2 (former Script.aculo.us) : 프로토 타입이 필요하지 않음을 테스트하지 않았습니다.
  • moo.fx : 프로토 타입 또는 mootools가 필요하지 않은지 테스트되지 않았습니다.
  • YUI 2/3 애니메이션 : 괜찮 았지만 엔지니어 코드는 캐주얼 프런트 엔드 애니메이션에 대한 학습 곡선이 높습니다.
  • $ fx() : 초소형 풋 프린트 (3KB!)가 있습니다. 이완 만한다면 선택이 될 것입니다.
  • Trident-js : 매우 강력한 타임 라인을 가지고 있으며 데모에서는 훌륭하게 보입니다.하지만 나에게는 전혀 효과가 없었으며 마른 체형의 문서는별로 도움이되지 않습니다.
  • Animator.js : 구문 무서워. 또한 나에게 매우 아마추어 같았다.
  • JSTweener/GX/xAnimation : 사람들은 내 관심을 조금이라도 포착하지 않았습니다. 아주 아마추어 같았 어.
  • glimmer jQuery 코드 생성을위한 GUI : 설치 프로그램이 내 컴퓨터에 설치되지 않았습니다 (설치 프로그램의 알 수없는 오류).
  • Raphael/Burst Engine/Processing.js/Pixastic/Cake-js : 캔버스/벡터 용입니다. 또 다른 종류의 (시원한) 것들.
  • Spritely : 또 다른 종류의 것들 : sprites animation.

이제 현재 및 현재 애니메이션 요구 사항의 승자는 jsAnim입니다. 또한 Scripty2moo.fx (약 2005 년부터 Scripty2가 Script.acoulo.us의 두 번째 버전입니다) 얼마 동안 사용 된 것으로 보입니다.

내 2 센트. 누군가를 돕기를 바랍니다. 지금 신 나는 나의 지난 8 시간을 뒤로 원한다! !!

+0

jsAnim이 얼마나 멋진 지 알지 못했습니다. jsAnim을 통해 선택한 목록의 라이브러리에 대해 jsAnim을 선택했다는 것을 알았습니다. 그래서 나는 그것을 다시 조사했고 그것이 멋지다. 관리자 옵션은 훌륭합니다. – brenjt

0

를 사용할 준비가 자바 스크립트에 대한 BetweenAS3의 크로스 브라우저 운반을 제안한다. 그것은 변형, 박스 모델 속성, 스크롤, 프리젠 테이션 속성, SVG 모프, SVG 그리기, 트윈 컬렉션, 일시 중지 및 많은 이징 기능을 제공합니다.

관련 문제