2016-08-10 32 views
1

我有一系列的精靈我試圖做成一個透明的循環動畫。 這裏就是我得到:透明動畫WebP不清除框架

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

我使用webpmux類似如下的命令:

./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]]] 

我試過幾個不同的標誌和選項,我只是不能似乎得到了清除前一幀的圖像。我甚至不確定在這一點上是否可能。有任何想法嗎?

+0

嗨,任何更新? – saurabheights

+1

@saurabheights客戶端最終改變了需求,所以我不幸停止了追求這個解決方案,並且使用了HTML5 canvas + JS方法來創建透明的循環圖像。 [見這裏](http://codepen.io/ConnorGutman/pen/kXzYEJ)。 –

回答

0

webpmux的文檔可以檢查here。文檔非常清晰,並提供了很好的例子。然而,生成動畫webp有點複雜。

試試這個命令,它應該工作:

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.S .:下載圖像並在chrome中打開以查看動畫。避免使用Firefox,因爲它還不支持WebP。 – saurabheights