Interactive SVG - 裏紙・メモ帳・忘備録

ふと思いたってsvgでボール遊びなどしてみる。IEは非対応。

次期Firefox (Gecko 1.9.3)ではsvgのanimationモジュールが実装されるらしい。
現状ではsetIntervalとかのタイマーを使って絵を少しずつ更新して
動いているように見せているけど、
補間をブラウザに任せて、タイマー無しで作れるようになるかも。

追記:
衝突処理を修正。
割と楽しい動きをするようになったけど、これって物理的に正しいのかなあ…

追記:
Google Chrome (WebKit 532.6)ではanimateタグは認識して、
変数を線形に補間するアニメーションは作れた。
スプライン補間はしてくれないらしい。
Opera (Presto 2.2.15)ではスプライン補間までしてくれた。