Javascript 根据加速度计数据，汽车在 x 轴上的运动？
Javascript car movement in x axis from accelerometer data?
我有来自加速计传感器的 X、Y 和 Z 轴数据。我想使用 accelero(X) 数据以二维方式可视化汽车。
数据是这样的。
这是数据样本：
完整数据的link如下：
Click here to download the dataset
汽车模型看起来像 2D space:
小车只根据文件中的输入数据向上或向下移动。
我尝试查找 Three.Js, Phaser.Js, Planck.Js, Matter.Js、Phyics.Js 和其他游戏引擎。
但我正在寻找一些非常简单的东西作为起点，而不需要使用花哨的重力、物理函数，但同时模型应该令人信服和流畅。
所以有人能指引正确的道路吗？怎么做？哪个图书馆最适合执行此任务？是否有我根据需要使用和修改的已经实现的代码？
我一直在使用上述库编写一些代码，因此，我没有post这里的代码，因为我正在寻找更简单的解决方案。
非常感谢。
使用 canvas 或 SVG 可以轻松地可视化像这样的简单运动（甚至直接操纵汽车图像元素的位置即可完成这项工作）。但是您仍然需要一个简单的物理引擎，您可以轻松地自己编写它。一个好的起点是将汽车视为沿 Y 轴移动的粒子。它具有位置、加速度和速度属性。每一帧这些属性都会更新，并且汽车的新位置会呈现在 canvas（或 SVG 或图像元素的位置）上。
如果您想使用 canvas 方法，请查看 p5.js library, for a SVG approach, checkout d3.js, and I believe this can probably be done with a animated graph using EChars. And for how to construct a simple particle system, check out this video。祝你编码顺利。
您可以在我的 github 此处找到一个使用加速度计和 Arduino 代码的示例（3D）：
https://github.com/BaptisteZloch/Tracking-orientation-with-P5.js
我用p5.js做过，使用起来还是挺简单的
我有来自加速计传感器的 X、Y 和 Z 轴数据。我想使用 accelero(X) 数据以二维方式可视化汽车。 数据是这样的。
这是数据样本：
完整数据的link如下：
Click here to download the dataset
汽车模型看起来像 2D space:
小车只根据文件中的输入数据向上或向下移动。
我尝试查找 Three.Js, Phaser.Js, Planck.Js, Matter.Js、Phyics.Js 和其他游戏引擎。 但我正在寻找一些非常简单的东西作为起点，而不需要使用花哨的重力、物理函数，但同时模型应该令人信服和流畅。
所以有人能指引正确的道路吗？怎么做？哪个图书馆最适合执行此任务？是否有我根据需要使用和修改的已经实现的代码？
我一直在使用上述库编写一些代码，因此，我没有post这里的代码，因为我正在寻找更简单的解决方案。
非常感谢。
使用 canvas 或 SVG 可以轻松地可视化像这样的简单运动（甚至直接操纵汽车图像元素的位置即可完成这项工作）。但是您仍然需要一个简单的物理引擎，您可以轻松地自己编写它。一个好的起点是将汽车视为沿 Y 轴移动的粒子。它具有位置、加速度和速度属性。每一帧这些属性都会更新，并且汽车的新位置会呈现在 canvas（或 SVG 或图像元素的位置）上。
如果您想使用 canvas 方法，请查看 p5.js library, for a SVG approach, checkout d3.js, and I believe this can probably be done with a animated graph using EChars. And for how to construct a simple particle system, check out this video。祝你编码顺利。
您可以在我的 github 此处找到一个使用加速度计和 Arduino 代码的示例（3D）： https://github.com/BaptisteZloch/Tracking-orientation-with-P5.js
我用p5.js做过，使用起来还是挺简单的