注目！Flash CS風のUIでHTML5のタイムラインアニメーション作成「Radi」

2011/10/02

RadiはMac OSX用のフリーウェア（β版中につき無料）。Webブラウザ上でインタラクティブでタイムラインベースのアニメーションを作ろうと思ったらFlashを使うのが一般的だ。しかしそれはHTML4までだ。HTML5になればCanvasタグを駆使することでアニメーションさえ自在に作れる。 0

メイン画面 0

とは言えそれはあくまでも「駆使」すればの話でしかない。やはりツールがなければ容易に作れるものではないし、容易でなければ普及しないだろう。そこで注目されるのがRadi、HTML5対応のアニメーション作成ソフトウェアだ。 0

RadiはFlashのようにレイヤーを重ねてタイムラインベースのアニメーションを作成する。作成したコンテンツはvideoタグ、canvasタグで出力することができる。フレーム間の動きは自動で補完できる上、その動きは直線的だけでなく滑らかに制御できる。 0

プレビュー 0

さらにオブジェクトの細かな制御はJavaScriptを使って拡張できる。動画のイフェクト機能まで用意され、クリック等のアクションによって操作することもできるなど非常に可能性を感じさせるソフトウェアだ。HTML5でアニメーションを作れるようになれば、より可能性が広がっていくことだろう。 0

MOONGIFTの関連記事