【问题标题】:Transparent animated WebP not clearing frames透明动画 WebP 不清除帧
【发布时间】:2016-12-16 07:29:03
【问题描述】:

我有一系列想要制作成透明循环动画的精灵。 这是我得到的:

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

我尝试了几种不同的标志和选项,但似乎无法让图像清除前一帧。我什至不确定在这一点上是否有可能。有任何想法吗?

【问题讨论】:

  • @saurabheights 客户最终改变了需求,所以不幸的是我不再追求这个解决方案,而是使用 HTML5 画布 + JS 方法来制作透明的循环图像。 See here.

标签: google-chrome animation webp


【解决方案1】:

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。

【讨论】:

  • P.S.:下载图片并用chrome打开查看动画。避免使用 firefox,因为它还不支持 webp。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-04-08
  • 2018-10-31
  • 2010-09-25
  • 2012-11-11
  • 2011-03-24
  • 1970-01-01
  • 2014-12-23
相关资源
最近更新 更多