ホワイトボードの絵を Raphael.js でインタラクティブなSVGに-3

西鉄福岡駅での電車のホームゲートの動作をアニメ化しています。このように(電車の発着を含めて)複雑な機構であっても手書きの概要図からSVGのアニメを作るこことが出来ます。










GIFアニメでは下部の「next」ボタンを押すことにより、電車の到着 → ゲートの上昇 → ドアの開閉 → ゲートの下降 → 発車 までの一連の動きを再現しています。

ゲートはゴムかビニール製のロープですが、上昇・下降で互いの間隔が変わって居る点も再現しています。また、右端の機械は横から見た図になります。

・・・ここだけの話ですが、パンタグラフの位置は壮絶に間違ってます。ご容赦下さいw



ご連絡はこちらから