このページの本文へ

前へ 1 2 次へ

Flashはやっぱりすごかった!

3D風UIやソフトシンセも作れる「Flash 10」

2008年10月17日 04時00分更新

小橋川誠己/企画報道編集部

  • この記事をはてなブックマークに追加
  • 本文印刷

 従来、Flashの独壇場だった、アニメーションやエフェクトを取り込んだ派手なWebサイト。だが、最近では充実してきたオープンソース系の JavaScriptライブラリにFlashの肩代わりをさせるケースも目立っている(関連記事1関連記事2)。また、14日にはマイクロソフトが 「Silverlight 2」をリリースするなど(関連記事)、単に“動きのあるWebサイトを作る”だけなら、必ずしもFlashを使う必要はない。

 Flashはどう進化するのか? 10月15日にリリースされたFlash Playerの最新版「Flash Player 10」は、3D効果のサポートや、カスタムフィルタ&エフェクトの搭載、サウンド機能の拡張などの充実した新機能によって、これまで以上にダイナミックでおもしろい表現ができるようになっている。

Flash 10
Flash Player 10のリリースと同時に公開された特設ページ

 新機能の1つは、「3D効果」のサポートだ。2Dのオブジェクトから奥行きのあるアニメーションを手軽に作れるようになった。従来は、ActionScriptで面倒なプログラムを書かなければできなかった表現が簡単なコードで実現できるほか、間もなく日本語版が発売されると見られる 「Flash CS4 Professional」のツール操作でも利用できる。単純にアニメーションとしてだけでなく、WebサイトのUIとして使ってもおもしろそうだ。

Flash 10
アドビのサイトで紹介しているデモ。携帯電話がぐるぐる回るカタログサイト

 もう1つ、「カスタムフィルタ/エフェクト」も新しいビジュアル表現を実現する機能だ。独自言語「Pixel Blender」で記述されたカスタムフィルタ/エフェクトを、Flash Playerで再生中の動画/画像/テキストなどのオブジェクトに対してリアルタイムに適用できる。たとえば動画サイト上で、動画を再生しながらエフェクトを加えていく、といったことが可能になる(実際の操作が試せるデモサイト)。

Flash 10
Flash Player 10ではオブジェクトにさまざまなカスタムエフェクトをかけられる

 Pixel Blenderは、アドビが無償提供する「Pixel Benderツールキット」で記述でき、ユーザーによって作成されたフィルタはアドビのWebサイトで公開されている。

Flash 10
アドビのサイトではPixel Benderで作成されたカスタムフィルタが公開されている

前へ 1 2 次へ

ソーシャルランキング
  1. 意外と知らない、失敗しないインタビューの「質問のコツ」と「事前準備」 2
  2. チームで美しくメンテナブルなCSSを書くための 「Stylelint」導入のすすめ 1
  3. スクロールアニメにはjQuery不要でサクッと使える「ScrollReveal.js」が便利 1
  4. 「自社がどういうキーワードで人を集められるのか」企業と個人のミスマッチを防ぐ採用ページ作り 1
  5. この春、広告運用担当者になる新人に伝えたい3つの「意識」 1
  6. なぜいまさら「ブログ」なの?KDDIウェブに聞く新サービスの狙い 218
  7. 全部知ってる?今後のサイト制作で押さえたいCSSの最新プロパティ9選 161
  8. フロントエンドエンジニアが絶対読んでおきたいJavaScript最新記事ベスト10 120
  9. フロントエンド開発の現場で役立つJavaScriptの知恵10選 78
  10. これなら作れる!WordPressプラグイン開発に役立つ記事まとめ 62
  11. Facebook、Twitter、はてなブックマークでのエンゲージメント数をもとに算出
最新記事

ASCII.jp会員サービス 週刊Web Professional登録

Webディレクター江口明日香が行く