Question

我用HTML5制作游戏。使用javascript，当用户按下箭头键时，我会移动角色。动画由6个精灵组成。

当我按住右箭头键（例如）时，我的角色移动得很顺利，但似乎移动得太快了。它就像一只小鸟快速扇动翅膀，几乎看不到角色的外表。

代码段：

if (38 in keysDown) { // Player holding up
        if (character.y>=0)
        {
        character.y -= character.speed * modifier;
        position++;
        if(position > NUM_POSITION) 
                position = 0; 
        }
    }

我的代码实现了requestAnimationFrame和modifier（用来控制每秒字符的速度）。

我想知道其他人如何处理一个似乎走得这么快的角色。我并没有说这个字符在页面上快速移动，因为我可以降低速度。我说这个角色会快速切换，除非你停止移动，否则几乎看不到他。

Answer 1

我找到了这个例子jsfiddle。在这种情况下，如果增加x变量，动画会变得更快。

我希望我能成为你问题的好榜样。

var elem=document.getElementById("toChange"); var x=0;

function moreVisible() {
    if(x==1)clearInterval(t);
    x+=0.05;
    elem.style.opacity=x;
    elem.style.filter="alpha(opacity="+(x*100)+")"; }

var t=setInterval(moreVisible,25);

如何让动画变得更慢？

1 个答案: