使用javascript在路上移动汽车

moving car on the road with javascript

本文关键字：汽车移动在路上 javascript 使用更新时间：2023-09-26

我是javascript的新手。我想用箭头在小路上移动一辆汽车。我用svg创建了路径，并为箭头制作了函数。他们还好。但是我不知道这辆车怎么能认出路来？如果我每次移动都要检查路径的坐标，我的路径由不同的形状组成，我该如何控制它？我发现了一些例子，但它们使运动成为运动，而不是每次按键。请给我一个如何把车只开过马路的主意。。

好的，简单的回答：元素不能相互识别。然而，您可以通过获得所需所有元素的计算样式来模拟碰撞，然后计算页面封面的"表面"。getComputedStyle()和currentStyle这两个函数将对您有所帮助，后者相当于IE的第一个。

基本上，你必须将一个自定义事件绑定到你的汽车上，或者绑定到你需要的任何元素上，每次按键时都会发送（或者用IE行话：Fired）。该事件将不得不重新计算更改您的汽车/元素的样式。示例：按下向上键，因此y位置必须更改。在实际移动图元之前，您应该有一个包含区域中实体图元所有位置的对象。扫描该元素，看看你的汽车元素移动到的新位置是否会导致重叠，如果是，则调度/触发碰撞事件，如果不是移动汽车。。。

这并不是一个真正简化的解释，但这些都是你每次按键时最可能要经历的步骤。这就是为什么我建议阅读自定义事件、处理程序、事件绑定和调度。如果你真的用纯JavaScript写这篇文章，我现在可以向你保证，记住，有一件事你不必读：为什么JavaScript开发人员如此讨厌IE，尤其是如果你想让你的脚本在IE9之前的IE版本上运行…

我将以这样的方式结束：像这样的东西的书签页面是javascriptkit。此外，您可能更喜欢使用像jQuery这样的框架来解决您将遇到的跨浏览器问题。

祝你好运！