使用Javascript动画制作图案

Question

这是我在这里的第一个问题，因为我倾向于搜索更多的问题，但目前我还没有在任何地方找到答案。

我正在为uniwersity做一个简单的寻鸭游戏，但是我找不到任何让我的鸭子从底部飞到屏幕顶部的方法。我设法让一只鸭子飞一次，但只有当我按下按钮时。尝试了很多不同的东西，我得到了我的头，但没有奏效。

她是我的代码：http://pastebin.com/gMd8M7bZ

我知道，我应该有我的阵列只鸭子，但ATM我只是想另一种解决方案和它没有努力。希望你能帮助我们（我是JS中的newb：/）

Answer 1

您可以使用libgif库。

它允许您启动/停止gif并控制gif所在的帧。

<script type="text/javascript" src="./libgif.js"></script> 
<img src="./example1_preview.gif" rel:animated_src="./example1.gif" 
width="360" height="360" rel:auto_play="1" rel:rubbable="1" /> 

<script type="text/javascript"> 
    $$('img').each(function (img_tag) { 
     if (/.*\.gif/.test(img_tag.src)) { 
      var rub = new SuperGif({ gif: img_tag }); 
      rub.load(function(){ 
       console.log('oh hey, now the gif is loaded'); 
      }); 
     } 
    }); 
</script>