使用HTML5画布制作简单的汽车游戏

Hen*_*ryz 12 jquery html5 animation canvas

我正在玩HTML5画布,在我的第一个实验中,我决定尝试用基本的用户输入制作一个简单的汽车动画.我认为我最基本的输入和移动方式,但我只是想看看我是否可以更进一步.

演示:http://jsfiddle.net/mpxML/20/ (使用箭头键)

我有一个图像加载,你还可以看到一个移动的黑色方块,即转换点,或汽车转向的位置.我想以某种方式创造一种可以在更高速度下实现的漂移效果等.当它不移动时也可以转动,这是不对的.

无论如何,我只是不知道我需要什么逻辑才能使汽车感觉更加半现实.

谢谢

JSa*_*tos 6

要修复转弯,你必须做这样的事情:

car.angle = car.angle - (car.handeling * car.speed/car.topSpeed);
Run Code Online (Sandbox Code Playgroud)

当速度为0时,这将防止转动,并将固定反向转动

为了获得漂移效果,您应该将汽车的旋转中心向前移动,让汽车自行旋转而不会真正转动