Javascript 从加速计数据看汽车在x轴上的运动？

我有来自加速计传感器的X、Y和Z轴数据。我想使用accelero（X）数据在2D中可视化汽车。 这就是数据的样子

这是一个数据示例：

完整数据的链接如下所示：

汽车模型与二维空间中的模型相似：

汽车仅根据文件中的输入数据向上或向下移动

我试图查找、、Phyics.Js和其他游戏引擎。 但我正在寻找一个真正简单的起点，不需要使用奇特的重力和物理函数，但同时模型应该令人信服和平滑

那么有人能指引正确的道路吗？怎么做？哪个库最适合执行此任务？是否有已经实现的代码，我可以根据需要使用和修改

我一直在使用上述库编写一些代码，出于这个原因，我没有在这里发布代码，因为我正在寻找一个更简单更简单的解决方案

---

非常感谢。

使用canvas或SVG可以轻松地可视化这样的简单动作（甚至可以直接操纵汽车图像元素的位置）。但是你仍然需要一个简单的物理引擎，它可以很容易地由你自己编写。一个好的起点是将汽车视为沿Y轴移动的粒子。它具有位置、加速度和速度特性。这些属性的每一帧都会更新，汽车的新位置会呈现在画布上（或SVG或图像元素的位置）

如果您想使用画布方法，请查看库，对于SVG方法，请检查，我相信这可能可以通过使用动画图形来完成。关于如何构造一个简单的粒子系统，请查看。祝您好运编码。

您可以在我的github上找到一个使用加速计和Arduino代码的示例（3D）：

---

我使用了p5.js来实现它，它使用起来非常简单。

index.html是如何工作的？它是否必须连接到arduino，我可以使用预记录的文件并将数据传递到正确的变量吗？arduino是一个ESP8266，文件存储在闪存中，我们可以使用SPIFFS（LittleFS）访问它。我们的ESP8266充当返回文件的Web服务器。请求是使用JS中的setintervall方法发出的。因此，您应该删除它以替换为变量。