2016-08-10 8 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 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 .:画像をダウンロードしてクロムで開き、アニメーションを確認します。 WebPをまだサポートしていないので、Firefoxを避けてください。 – saurabheights

関連する問題