Javascript 如何制作平滑的汽车运动动画？
我创建了一个赛马场游戏，你只需驾驶一辆汽车，领取黄色奖金，避开黑色障碍物 问题是，当你尝试向左或向右行驶时，我的汽车的动画并不平滑 有人能帮我理解如何在驾驶汽车时制作平滑的动画吗？ 我怎样才能添加一条自然的曲线而不是笔直的道路？ 另外，我知道我的ColissionChecker功能并不完美，但这是另一天的问题。 我不知道为什么在snippet的整个页面中，画布非常小，你什么都看不到 var canvas=document.querySelector'canvas'； var c=canvas.getContext'2d'； canvas.width=window.innerWidth； canvas.height=window.innerHeight； var线宽=10； var-LineHeight=80； var-boundaryTopOffset=5； var boundaryLeftOffset=2； var boundaryPadding=50； var boundaryMiddleOffset=2； 无功转速=50； 让executedTimer=false； 让dateDiff； 设currentScore=0； var leftBoundary=[]； var rightBoundary=[]； var middleBoundary=[]； var红利=[]； 风险价值=[]； var car={ x:1200， y:800 } document.addEventListener'keydown'，functionevent{ 让key=event.which ifkey==37{ 汽车.x-=速度； }否则ifkey==39{ 汽车.x+=速度； }否则ifkey==38{ 汽车.y-=速度； }否则ifkey==40{ 汽车。y+=速度； } } 对于x=0；x<8；x++{ 左边界[x]= { 偏移量：boundaryLeftOffset+400， 地形偏移：0， 宽度：线宽， 高度：线宽， 颜色：红色 }; } 对于x=0；x<8；x++{ 中间边界[x]= { 偏移量：boundaryMiddleOffset+890， 地形偏移：0， 宽度：线宽， 高度：线宽， 颜色：白色 }; } 对于x=0；x<8；x++{ 右边界[x]= { 偏移量：boundaryLeftOffset+1400， 地形偏移：0， 宽度：线宽， 高度：线宽， 颜色：红色 }; } var循环=0， totalCycle=线宽+边界填充； window.requestAnimationFramedraw； 函数图{ ifexecutedTimer==false{ 障碍物。推{x:Math.floorMath.random*1000+450，y:10}； timerStart； } drawCanvasboundaryLeftOffset-2,0，canvas.width，canvas.height，“灰色”； 循环=循环+4%总循环； 用于[leftBoundary、rightBoundary、middleBoundary]的边界{ 对于i=0；iJavascript 如何制作平滑的汽车运动动画？,javascript,animation,canvas,Javascript,Animation,Canvas,我创建了一个赛马场游戏，你只需驾驶一辆汽车，领取黄色奖金，避开黑色障碍物 问题是，当你尝试向左或向右行驶时，我的汽车的动画并不平滑 有人能帮我理解如何在驾驶汽车时制作平滑的动画吗？ 我怎样才能添加一条自然的曲线而不是笔直的道路？ 另外，我知道我的ColissionChecker功能并不完美，但这是另一天的问题。 我不知道为什么在snippet的整个页面中，画布非常小，你什么都看不到 var canvas=document.querySelector'canvas'； var c=canvas.