2016-08-10 7 views
1

투명한 반복 애니메이션을 만들려고하는 일련의 스프라이트가 있습니다. 는 여기에 내가지고있어 무엇 : 나는 여러 다른 플래그와 옵션을 시도하고 난 그냥 수 없습니다투명한 애니메이션 WebP 프레임을 지우지 않음

./webpmux -frame mrdipsp/00.webp +250+[[1[-b]]] -frame mrdipsp/01.webp +250+[[1[-b]]] -frame mrdipsp/02.webp +250+[[1[-b]]] -frame mrdipsp/03.webp +250+[[1[-b]]] -frame mrdipsp/04.webp +250+[[1[-b]]] -frame mrdipsp/05.webp +250+[[1[-b]]] -frame mrdipsp/06.webp +250+[[1[-b]]] -frame mrdipsp/07.webp +250+[[1[-b]]] -frame mrdipsp/08.webp +250+[[1[-b]]] -frame mrdipsp/09.webp +250+[[1[-b]]] -frame mrdipsp/10.webp +250+[[1[-b]]] 

:

As you can see the frames aren't clearing after their turn

내가 이와 유사한 webpmux위한 명령을 사용했다 이전 프레임을 지우는 이미지를 얻는 것 같습니다. 이 시점에서 가능한지 확실하지 않습니다. 어떤 아이디어?

+0

안녕하세요, 모든 업데이트가 필요하십니까? – saurabheights

+1

@saurabheights 클라이언트가 요구 사항을 변경하는 결과가 발생하여 불행히도이 솔루션을 계속 추구하지 않고 투명 루핑 이미지로 HTML5 캔버스 + JS 메서드를 사용했습니다. [여기에서보십시오] (http://codepen.io/ConnorGutman/pen/kXzYEJ). –

답변

0

webpmux에 대한 설명서는 here입니다. 문서는 꽤 명확하고 좋은 예제를 제공합니다. 그러나 애니메이션 웹을 생성하는 것은 약간 복잡합니다.

이 명령을 시도하고 작동합니다 :

webpmux -frame 1.webp +250+0+0+0-b -frame 2.webp +250+0+0+0-b \ 
-frame 3.webp +250+0+0+0-b -frame 4.webp +250+0+0+0-b \ 
-frame 5.webp +250+0+0+0-b -frame 6.webp +250+0+0+0-b \ 
-frame 7.webp +250+0+0+0-b -frame 8.webp +250+0+0+0-b \ 
-frame 9.webp +250+0+0+0-b -frame 10.webp +250+0+0+0-b \ 
-o abc1.webp 

중요 포인트 : -

  1. 대괄호는 일반적으로 옵션을 의미합니다.
  2. x와 y를 조금씩 수정하여 즐겁게 점프하는 표현식을 애니메이션에 적용 할 수 있습니다. x와 y는 프레임 오프셋을주는 데 사용됩니다.
  3. 이전 프레임을 지우려면 이전 프레임을 지우려면 mi를 0으로 설정하여 처분해야합니다. 그렇지 않으면 배경으로 사용됩니다.

내 출력 불행하게도, imgur은 WebP 형식을 허용하지 않습니다. 내 Google drive link입니다.

+0

P .: 이미지를 다운로드하여 크롬으로 열면 애니메이션을 볼 수 있습니다. 파이어 폭스는 아직 웹을 지원하지 않기 때문에 피하십시오. – saurabheights