如何让我的动画变慢？

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和改性剂（操纵每秒字符的速度）。

我想知道其他人如何处理似乎走得如此之快的角色。我并不是说整个页面上的字符TRAVELS速度很快，因为我可以降低速度。我说这个角色切换精灵的速度非常快，除非你停下来，否则你几乎看不到他。

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);