如何让我的动画变慢？答案

【问题标题】：How do I make my animation go slower?如何让我的动画变慢？
【发布时间】：2017-04-18 18:14:40
【问题描述】：

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

问题是当我按住右箭头键（例如）时，我的角色移动平稳，但似乎移动得太快。就像一只小鸟拍打翅膀飞快，你几乎看不到角色的样子。

代码sn-p：

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

我的代码实现了 requestAnimationFrame 和修饰符（用于控制角色每秒的速度）。

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

【问题讨论】：

改用setTimeout？
如果您不提供动画代码，我们如何提供帮助？

标签： javascript

【解决方案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);

【讨论】：