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

标签 jquery html animation canvas

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

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

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

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

谢谢

最佳答案

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

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

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

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

关于jquery - 使用 HTML5 canvas 制作一个简单的汽车游戏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7106282/

相关文章:

jquery - 当可滚动侧边栏打开时禁用主要内容的滚动

javascript - 使用隐藏和显示时使浏览器的后退按钮起作用(jquery)

javascript - 如何使用响应式菜单防止正文滚动

java - 在js中导入java类

android - RecyclerView 添加 Item 动画

html - 如何正确渲染和动画 svg 图标?

javascript - 为什么这个 URL 参数没有用 jQuery 隐藏这个 div?

javascript - jQuery Ajax 文件上传

jquery - btn 组中的 Bootstrap 重置按钮

python - 在 Python 中使用 "Disappearing Tail"动画化粒子路径