Javascriptバーアニメーション

Question

私はこの画像を持っています。私は車のRPMに応じて表示する画像の部分にしたい。たとえば、車が始まったときに、下の青いブロックだけが表示されます。速度が上がるにつれて、より多くのブロックが赤線まで表示されます。速度が低下するとブロックが消えます。私はこの1つと失われています。どこから始めるべきか分からない。もともと、私は各ブロックを別々のイメージにすることを考えていましたが、これを行うより良い方法があるかどうか疑問に思っていました。何か案は？

Answer 1

Raphael javascriptライブラリをご覧ください。あなたのJavascriptの経験に応じて、あなたは少しの学習曲線があるかもしれませんが、私はあなたが上に示しているものを再現し、それぞれの形状に所望の振る舞いを付けることにより、特にブロックの配置と向きを考慮して、

更新：私はこれを面白い演習のように思えたので、fiddleを作成しました。私はちょうど矩形のブロックを使用しましたが、緑色の「スロットル」バーの上にマウスを置くと、ブロックがどのように表示され、消滅するかがわかります。