如何讓我的動畫變慢？

我正在用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速度很快，因爲我可以降低速度。我說這個角色切換精靈的速度非常快，除非你停下來，否則你幾乎看不到他。

來源

2017-04-18 TheShadeM

請改用'setTimeout'嗎？ – evolutionxbox

如果您不提供動畫代碼，我們如何幫助您製作動畫代碼？ –

我發現這個例子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);

來源

2017-04-18 10:14:40 LakiGeri

如何讓我的動畫變慢？

回答

相關問題