MdN Interactive

デザインとグラフィックスの総合情報サイト[エムディエヌ・インタラクティブ] MdN Interactive

2008/1/29 TUE 00:00

UPDATE

意外と簡単にビデオ作品完成!

今回の締めくくりとして、ビデオ再生の簡単なコンテンツを廣氏につくっていただいた。「手探りの状態でこんな方法が正しいのかよくわからない」といいつつも、いくつかストーリーボードを用意して、それぞれのストーリーボードを再生するボタンにイベントトリガーを付けて「ビデオ再生インターフェイス」を数分間で完成させた。その間、一切スクリプトを書いていないこともお伝えしておく。

スクリプトを一切使わずに、気の向くままボタンに定義を加えていく

「Asset liblary」には既製のインターフェイスパーツが数多く用意されているので、それをそのまま使ってみました。Flashでもコンポーネントとして同じような機能が揃っていますが、極めてスタンダードなイメージのFlashのものとは異なり、Blendはボタンのデザインもすこしグラフィカルで、そのまま使ってもデザインに溶け込んでくれるので、比較的便利ですね。Flashでボタンのコンポーネントのアピアランスを変更しようと思ったら結構大変なのに、Blendでは色や形状のデザインだけでなく、ロールオーバーしたときのカーソルを何にするとか、「プロパティインスペクタ」上でほとんど変更できます。それと、微妙にクリックしたときの反応がいいのもいいですね。

インターフェイスの開発にも便利です

作成したビデオムービーを見る(Silverlightが必要です)

Media Elementを配置してビデオを再生するインターフェイス。この間一切スクリプトを書くことなく、TriggerパネルといくつかのTimelineを使用するのみで作成した(制作時間約5分)

自由度の高いコンテンツを制作できそうな予感

長い間Flashを使ってきた身としては、現在デファクトスタンダードともいえるFlashコンテンツを、わざわざBlendやSilverlightを使って制作するとなれば、どういうメリットが出てくるのかを考えざるを得ませんでした。

最初は「Flashと同じようなソフトウエアをつくってどうするんだろう?」とも思ったりしたのですが、三次元データを扱えるということだけをみても、まったく異なるソフトだといっていいのではないでしょうか。

サンプルを見る限り、自由な細かい演出もできるようなので、使いこなせばFlashに負けないコンテンツを制作することができそうな感じで使いこなしてみたい気がしています。

「obj」データを読み込んで3DデータをライブにコントロールできるのもFlashでは簡単にできない表現なので、今までのインターフェイスの固定概念にないコンテンツ制作ができそうですね。

ビジネス的に使えるかどうかが今後もっとも気になるところであり、プラグインなどがもっと普及してくれば、開発などもしやすそうなので、かなり使えるツールになると期待しています。

自分でも試したくなった人は、こちらよりダウンロード!

Silverlightコンテンツを作成できる新バージョン「Expression Blend 2」は、今春の発売を目指して目下開発中です。現在マイクロソフトのWebサイトでは、自由に使うことのできる「Expression Blend 2 December Preview」(英語版)を無償で配布しています。当記事をみて興味の湧いた人はぜひダウンロードしてご自身でExpression Blendの世界を体験してください。

Expression Blend2 Preview版をダウンロードする

連動企画「CSSレイアウトでWEBサイトを自由自在につくろう!」サンプルデータのダウンロードについて」

2008年1月29日発売の弊社発行「web creators2008年3月号 vol.75」に掲載した特別記事「CSSレイアウトでWEBサイトを自由自在につくろう!」の第1回の記事で紹介したサンプルデータとExpression Web評価版は下記よりダウンロードできます。

サンプルデータの使用について

※すべてのデータの著作権はそれぞれの著者・制作者および著作権者に帰属します。
※本書のサンプルは記事の内容を理解するための参照用に使用されるものです。そのため、サンプルに含まれているHTMLファイル、CSSファイル、画像ファイルなどすべてのファイルは、商用・非商用にかかわらずほかの用途での使用、配付は一切禁止します。
※データの制作環境の違いにより、開けない、もしくは正しく動作しないことがあります。バージョンをお確かめのうえ、ご利用いただければと思います。
※サンプルデータをダウンロードし、実行した結果については、著者および株式会社エムディエヌコーポレーションは、一切の責任を負いかねます。お客様の責任においてご利用ください。

「PART2. Blendによるインターフェイス制作のポイント」はこちら