jquery - 使用 HTML5 canvas 制作一个简单的汽车游戏

Question

我正在尝试使用 HTML5 canvas，对于我的第一个实验，我决定尝试使用基本的用户输入制作一个简单的汽车动画。我想我已经基本掌握了基本的输入和移动方式，但我只是想看看我是否可以更进一步。

演示:http://jsfiddle.net/mpxML/20/(使用方向键)

我加载了一张图片，你还可以看到一个移动的黑色方 block ，那是平移点，或者汽车转向的地方。我想以某种方式创造一种可以在更高速度下实现的漂移效果等。它在不动时也可以转动，这是不对的。

无论如何，我只是不知道我需要什么逻辑才能使汽车感觉更半真实。

谢谢

Answer 1

要修复转弯问题，您必须执行以下操作:

car.angle = car.angle - (car.handeling * car.speed/car.topSpeed);

这将防止速度为 0 时转弯并修复反向转弯

要获得漂移效果，您应该将汽车的旋转中心向前移动，让汽车在不真正转向的情况下自行旋转