2013-07-06 3 views
1

다음은 현재 상황입니다.jQuery는 Adobe Edge Animate를 대체합니까?

약 3 개월 전에 Adobe Edge Animate를 사용하기 시작했습니다. 나는 그것을 사랑하고 싫어합니다. 알맞은 애니메이션을 만드는 것이 얼마나 직관적이며 Dreamweaver, Photoshop 및 Illustrator와 같은 Adobe 제품에 익숙하므로 작업 흐름이 빨라 졌기 때문에 좋아합니다. 나는 그것에 대해 더 많이 배우기 때문에 웹 개발자를위한 제한이 서버 사이드 코드 또는 아약스에 대한 지원이 내장되어 있지 않기 때문에 어떻게 제한하는지 발견했다. 그것은 또한 상당히 무거운 발자취를 가지고 있습니다.

나는 jQuery 플러그인을보고 있었지만 그것을 대체 할 수있는 것을 찾지 못했습니다. 그러한 플러그인은 슬라이더 나 회전 목마와 같은 특정 유형의 애니메이션을 만드는 것이 아닌 범용 애니메이션 플러그인이 될 것입니다.

내 질문은 그러한 플러그인이 존재하는지 여부입니다.

내가 연습 문제로 생각하고 있다면, 타임 라인, 구조 설명 시스템, 트리거/액션 시스템 및 ajax/php 통합을 구현하는 방법에 대한 조언을 환영 할 것입니다.

+1

내가 의도적으로 여기 바보 인 것 같은 소리를하는거야 ... 당신의 점을 이해하는 뭔가를 놓친 것 같아,하지만 난 적어도 너무 많이 아니에요. jQuery (및 CSS)를 정말 잘 배웠다면, Edge Animate를 사용하고 있다면 타임 라인, 구조 설명 시스템, 트리거/액션 시스템 등 필요한 것을 필요로한다는 것을 알 수 있습니다. 즉 Edge Animate를 대체 할만한 것이 Edge Animate와 동일하지만 결점은 없습니다. jQuery 플러그인을 요청하는 것이 너무 많습니다. 아마도 jQuery 자체 일지라도, Ilan Biala의 답변에있는 라이브러리 중 일부는 도움이 될 수 있습니다. – BjornJohnson

+0

페이드, 슬라이드, 크기 조절, 회전과 같은 단순한 애니메이션의 경우 학습 CSS 및 jQuery를 사용하면이 작업을 쉽게 수행 할 수 있습니다. 그러나 캐릭터 애니메이션이나 복잡한 애니메이션 시퀀스와 같은 훨씬 복잡한 애니메이션은 원격조차도 좋은 제안이 아닙니다. Edge Animate는 서버에 대한 ajax 호출을 가장 확실히 할 수 있습니다. 프로젝트에 jQuery가로드되어 jQuery에서 수행 할 수있는 모든 작업을 수행 할 수 있습니다. JQuery를 활용하기 위해서는 jQuery에 대해 알아야합니다. 그러나 가장자리 애니메이션의 오버 헤드가 높으며 Adobe는이를 알고 있습니다. 그들은 내가하고있는 모든 것에서 일하고 있습니다. EA는 좋은 아이디어가 제대로 실행되지 않아서 대용 물을 원합니다. 감사합니다. – chubbsondubs

답변

2

각 유형의 애니메이션을 다루는 단일 jQuery 플러그인은 현재 대부분의 웹 프로젝트에서 라이브러리가되고 크기가 너무 크기 때문에 기대어 놓고있는 애니메이션의 유형에 따라 다릅니다.

KineticJS은 많은 중요한 애니메이션 인 애니메이션, 전환, 레이어 및 이벤트 처리를 만들 수있는 HTML5 Canvas 프레임 워크로 널리 사용됩니다. 위의 사이트를 링크하면 조금 탐험 할 수 있고 사람들이 KineticJS로 만든 게임/프로젝트의 유형을 볼 수 있으므로 사용할 수있는 애니메이션 유형의 느낌을 얻을 수 있습니다.

또 다른 애니메이션 라이브러리/플러그인은 콘텐츠 제작 프레임 워크의 전체 제품군, 당신은 아마 CSS 속성과 같은 몇 가지 좋은 물건을 지원 TWEENJS이며, 가장 관심을 가질만한 사람이있다 CreateJS이며, 이미 몇 후원자를 가지고 .

하나의 단점은이 두 애니메이션 프레임 워크가 jQuery를 기반으로하지 않고 JavaScript를 기반으로한다는 것입니다. 이 두 프레임 워크는 jQuery에 의존하지 않기 때문에 좋고 나쁘지 만 요소를 더 편리하게 얻으려면 jQuery를 사용할 수 있습니다.

대부분의 프레임 워크는 JavaScript 용이지만, 전체 확장 된 프레임 워크에 비해 제한 될 수있는 jQuery의 표준 .animate() 메소드가 있습니다. jQuery에 더 많이 통합되어 있기 때문에 CSS 속성을 애니메이션으로 만들 수 있으므로 필요로하는 양과 정확하게 필요한 항목에 따라 다릅니다. 이것들이 너에게 어울리지 않으면 나에게 알려줘. 나는 뭔가 다른 걸 찾으려고 노력할거야.

편집 :

당신은 당신이 다음 자바 스크립트를 사용하여 애니메이션을 만들 수 HTML5 캔버스와 DOM을 사용하는 다른 프레임 워크 인 Collie 한 번 봐 걸릴 수 있습니다 것으로 보인다 Adobe에서 무언가를 선호하는 경우

.

+0

. Google 동향을 살펴보면 KineticJS에 대해 더 많이 읽게 될 것입니다. 그것이 저에게 어울리지 않는다면 저는 애니메이션을 제 2의 천성이 될 때까지 .animate()로 계속 연습 할 것입니다. 어쩌면 모든 작업을 가속화하는 간단한 플러그인을 작성할 것입니다. 그러나 모든 Edge Animate 기능을 갖춘 무언가만큼 무겁지는 않을 것입니다. 한 가지 질문 만 생각했습니다. Edge Animate를 좋아하는 주된 이유는 인터페이스 때문입니다. 나는 웹 개발자로서 코드를 작성해야하지만 인터페이스를 구축하는 것이 그렇게 실용적이라는 것을 알고있다. 그런 응용 프로그램은? – BringMeAnother

+0

필자가 링크 한이 프레임 워크의 대부분은 훨씬 더 고수준이고 강력합니다. 인터페이스 작성시 모든 도구를 제공 할 수 없기 때문에 코드 작성 및 드래그 앤 드롭이 적습니다. –

0

저는 Adobe Edge Animimate를 몇 달 전부터 사용하고 있습니다. 나는 그것에 대해 더 배울 때문에

내가 그것을 싫어, 나는 그것이 아약스도 서버 측 코드에 대한 지원 내장 또는 더 이후를 제한하는 것은 웹 개발자를위한 없다 방법을 발견했다.

나는 당신이 여기에서 의미하는 것을 undestand 수 없습니다. Adobe Edge는 JS, CSS 및 HTML을 생성합니다. 프로젝트 내에서 생성하는 경우 원하는 IDE로 열 수 있습니다. 원하는 javascript/jQuery를 실행할 수 있습니다. Adobe Edge 내부에 코드를 작성할 수있는 것은 아닙니다.

나는 어도비 에지 만 UI 이벤트에 함수를 바인딩합니다. 예를 들어, 버튼의 onClick 이벤트에서 MyApplication.myButtonFunction()을 호출합니다. 모든 자바 스크립트는 외부 스크립트에서 가져온 것입니다.

그래서 Eclipse에서 개발하고 .an 프로젝트를 열면 내 GUI와 애니메이션을 편집 할 수 있습니다.

나는 정말

+0

필자는 실제로 내장 기능을 의미했습니다. 앞서 말했듯이 실제로 코드를 Eclipse로 가져와야합니다. PHP 테스트를위한 내부 서버와 같은 Eclipse 또는 기타 IDE 기능은 내장되어 있지 않습니다. 나는 코드를 직접 추가하여 모든 것을 할 수 있다는 것을 알고 있지만, 더 많은 코드가있을 수 있다고 생각합니다. – BringMeAnother

+0

나는 웹 개발에 대해 새로운 것을 알고 있으며 향상시키고 싶다. 그러니 제발 말해주세요. jQuery를 사용하여 애니메이션을 구현하면 사용할 수있는 개선 된 도구는 무엇입니까? (나는 이것을 개인 메시지에 올릴 것이나 여기서 할 수는 없다 ...) – Ena

+0

나는 같은 상황에 처해있다. Edge는 훌륭한 도구 였지만, 다시 사용할 생각은 없습니다. 그것은 제가 위치 조종 및 스타일에 대해 가르쳐주었습니다. 직관적 인 방식으로 실험 할 수있어서 유연한 레이아웃 등으로 요소를 늘리거나 가운데에 맞출 수 있습니다. 이제 이러한 종류의 작업을 수행하는 jQuery 위젯을 작성하겠습니다. – BringMeAnother

관련 문제