如何将漂移效果添加到您的HTML5游戏

你可以在你的HTML5游戏中以有趣的方式使用强制向量。许多赛车游戏包括打滑或漂流机制。让这种行为完全正确需要非常复杂的数学，但是您可以在不费力的情况下合理地近似这种行为。

这张图片是不够的。你真的需要看到这是一个工作程序，因为它真的很酷。当你在屏幕上移动船，船漂移和滑行。玩这真的很有趣。

<！ - 1 - >

如何将漂流行为添加到您的游戏对象为了获得简单的漂移行为，只需在船的当前方向上添加一个小的力矢量，无论用户当前是否踩下油门。

这种技术是基于空间的运动（只有当加速器被按下时加力矢量）和标准汽车行为（其中行驶方向总是跟随汽车的鼻子）之间的折中。每个框架都有一些行为。

这是代码：

漂移。 html var game; var boat;函数Boat（）{tBoat = new Sprite（game，“boat.png”，100，50）; tBoat。 checkKeys = function（）{console。日志（这个速度）;如果（keysDown [K_LEFT]）{this。 changeImgAngleBy（-5）;} if（keysDown [K_RIGHT]）{this。 changeImgAngleBy（5）;} if（keysDown [K_UP]）{this。 addVector（this.getImgAngle（），2）;}

这个。 addVector（this.getImgAngle（），（this。speed / 20））; } //结束checkKeys tBoat。 checkDrag = function（）{speed = this。 getSpeed（）;速度* =。 95;这个。 setSpeed（speed）;} return tBoat;}函数init（）{game = new Scene（）;游戏。 SETBG（ “#000066”）;船=新船（）;游戏。 start（）;} //结束init函数update（）{游戏。明确（）;船。 checkKeys（）;船。 checkDrag（）;船。 update（）;} 如何将漂移添加到游戏的精灵

这是一个非常简单的程序。

建立一个标准的车辆模型。考虑制造一艘船，只是为了变化。

使用力矢量进行加速。再次，你手动控制速度，所以addVector（）机制给你很大的力量。加速度力矢量（在向上箭头键中使用）可以是文字值，但不需要太大。因为你实际上要添加第二个力矢量，所以你可能需要减小加速度矢量。

每帧添加一个小的力矢量。主要的力量矢量只在你加速的时候才会发生，但是每一帧都会增加一个次要的小矢量。这个矢量是沿着船目前的方向。这个小的运动矢量将模拟动量。这个力矢量是速度的百分比，而不是字面值，这一点很重要。例如，如果你总是向前移动一个像素，那么船就永远不会停下来。