Hello, world!

2007-04-29

Drive on map

ここには地図が表示されます。

見れない場合は、javascriptを有効にしてください。


ドラッグしてマップを動かすことで車が走っているように見せる。
javascriptでmapドラッグ中のある移動距離ごとにベクトルを計算してベクトルと反対方向の画像を表示する。車は画像に固定なので、ドラッグした方向と逆向きに車が進んでいるように見える。

ex.
tan(19*pi/16) <= slope < tan(21*pi/16)
--> pi/4傾いた画像を表示
こうすると少しずつ異なる画像が複数必要。 で、車の画像を探したけど、どれもこれも改造不可。。。
ということで、しょうがなくgimpで絵を描いてみた。
Creative Commons License
This work is licensed under a Creative Commons Attribution-Share Alike 3.0 License.
css+javascript+google mapで色々遊べそう。

cf.Google map API doc