在Javascript中动画gif

时间:2017-01-07 13:06:19

标签: javascript jquery

这是我在这里的第一个问题,因为我倾向于搜索而不是问,但我现在还没有找到答案。

我正在制作一个简单的鸭子狩猎游戏,但是我无法找到让我的鸭子从屏幕底部飞到屏幕顶部的任何方法。我设法让一只鸭子飞了一次,但只有当我按下按钮时。我尝试了很多不同的东西,但是没有用。

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

我知道我应该把我的鸭子放在阵列中但是我只是尝试了另一种解决方案而且它没有用到。希望你能帮助我们(我在JS中的新手:/)

1 个答案:

答案 0 :(得分:0)

您可以使用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>
相关问题