« プログラミング講座(167) 図形エディター 2.02b | トップページ | C++ (5) リリース版のインストール »

2015/01/14

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

以前から構想していたアニメーションを作成するプログラム作りを始めようと思います。当面は設計に時間をかけるつもりです。

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

図157 SVGによるアニメーション
【図157 SVGによるアニメーション】

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

図158 Microsoft Expression Encorder 4
【図158 Microsoft Expression Encorder 4】

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

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

|

« プログラミング講座(167) 図形エディター 2.02b | トップページ | C++ (5) リリース版のインストール »

Small Basic」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック


この記事へのトラックバック一覧です: プログラミング講座(168) アニメ:

« プログラミング講座(167) 図形エディター 2.02b | トップページ | C++ (5) リリース版のインストール »