Javascript酒吧动画

Question

我上面有这张图片。我希望根据汽车的RPM显示部分图像。例如，当汽车启动时，只有底部的蓝色块可见，随着速度的增加，更多的块一直变为红线。一旦速度降低，块就会消失。我对此感到茫然，我甚至不知道从哪里开始。最初我想将每个块作为一个单独的图像，但我想知道是否有更好的方法来做到这一点。有什么想法吗？

Answer 1

查看Raphael javascript库。根据您的Javascript体验，您可能会有一些学习曲线，但我认为您可以更轻松地重新创建上面显示的内容并将所需行为附加到每个形状，而不是尝试使用图像，特别是考虑到块的排列和方向。

更新：我创建了这个fiddle，因为我认为这似乎是一个有趣的练习。我只是使用了矩形块，但如果你将鼠标放在绿色的“油门”栏上，你会看到这些块是如何出现和消失的。