プログラミング講座(168) アニメ

以前から構想していたアニメーションを作成するプログラム作りを始めようと思います。当面は設計に時間をかけるつもりです。
まずデータの構造をどうするかについては、SVG を参考にしようと思っています。SVG でどんなアニメーションが作れるか、サンプルを作ってみました。こちらです。ブラウザの再読み込みボタンを押すとアニメーションが再生されます。ただし IE (Internet Explorer) だと静止画になってしまいます。Safari や Chrome で動作確認済みです。

【図157 SVGによるアニメーション】
それからユーザー インターフェイスを検討する予定です。なるべくシンプルなものにするつもりですが、Microsoft Expression Encorder 4 のようなデザインにできたらと考えています。

【図158 Microsoft Expression Encorder 4】
基本的な機能としては、図形エディター (Shapes) で作った SVG の絵を読み込んでアニメーションを含む SVG を作ります。

【図159 アニメ (Anime) の概略】