Javascript 脚本动画正在闪烁

我正在制作一个javascript游戏，当他移动时，动画精灵会闪烁。我认为这与动画的速度有关，因为我还需要降低它的速度。这是我更新动画的代码

     var playerani = setInterval(function(){
               
                if(animate == true){
                    if(aniframe == maxframes){
                    aniframe = 1
                }else{
                    aniframe += 1;
                }
                
                
                }
           

                if(controller.left == true){
                    animate = true;
                     window.aniimgY = 576; 
                }else if(controller.up == true){
                    animate = true;
                     window.aniimgY = 512; 
                }else if(controller.down == true){
                    animate = true;
                     window.aniimgY = 640; 
                }else if(controller.right == true){
                    animate = true;
                     window.aniimgY = 704; 
                }else{
                    animate = false;
                    aniframe = 0;
                }
            
         
            },10)
          

这是

，及

---

您可以按照@HanYolo的建议测试游戏，设置

var maxframes=8：


var aniframe=0；
var-maxframes=8；
var animate=false；
window.aniimg=document.getElementById（“aniimg1”）
var定时器=null；
var aniTimer=null；
var-levelnum=0；
var img=document.getElementById（“img”）
var img2=document.getElementById（“img2”）
var c=document.getElementById（“c”）；
var ctx=c.getContext（'2d'）
var props=document.getElementById（“props”）；
var prps=c.getContext（'2d'）
var tilesize=32；
var=10；
玩家={
尺寸：10，
x:150，
y:150，
五:二,，
}
控制器={
上：错，
右：错，
左：错，
唐：错，
键解析：函数（键）{
开关（钥匙）{
//按键
案例38：
this.up=true；
打破
案例37：
this.left=true；
打破
案例39：
这是正确的；
打破
案例40：
this.down=true；
打破
}
},
keyStop：函数（键）{
开关（钥匙）{
//按键
案例38：
this.up=false；
打破
案例37：
this.left=false；
打破
案例39：
this.right=false；
打破
案例40：
this.down=false；
打破
}
}
}
函数drawlvl（）{
对于（y=0；y