The Turn – 声のパフォーマンス表現

theturn_1

Fred Viola さんという歌手の「The Turn」というサイトです。自分のアカペラの声を重ねて曲にするという手法を、Flash とビデオを使って上手く見せています。

メニュー画面

サイトにアクセスした時に表示されるメニュー操作解説を読まないと普通のユーザはおそらく操作に戸惑うでしょう。
数種類の形・色のオブジェクトがあるので、これをドラッグして中央の丸エリアでドロップすると、該当コンテンツが開くという仕掛けになっています。オブジェクト同士の衝突表現はおそらく Box2DFlashAS3 ライブラリが使われていて、画面上部のスライダーで、反発具合やオブジェクトの色などを変更できたりします。ドラッグしまくって、それを取り巻いている丸型の器を転がしていくことで、BGM の音量が大きくなっていくという仕掛けがあり、メインコンテンツには何の関係もないのですがついつい時間をかけて遊んでしまいました。

このサイトのメインコンテンツは、歌声と映像でパフォーマンスをする Fredo さんを鑑賞することなのですが、Fredo さんを初めて知ったような人(例えば FWA 経由で知った Flash 好きな僕)に対しては、こういう Flash を使った面白いインターフェースは、コンテンツ自体に関心を持つきっかけになります。実際、パフォーマンスコンテンツのロードが重たくって「ん?」って思ったのですが、メニューのインターフェースが面白かったので「きっとまだ面白い仕掛けがあるはず!」と、忍耐強くいろいろ探しましたから。
あとは「Flash インタラクションに興味がない人」に対しては効果的なのか逆効果なのかを知りたいところですね。YouTube にアップしておけばいいじゃんってユーザもいるでしょうし。

歌をパフォーマンスとして見せる表現手法

theturn_2

メニュー画面のオブジェクトの形にちなんだパフォーマンスコンテンツが展開します。上の場合は、自分の声を幾重にも重ねて曲にしているというビジュアライズ表現ですね。いろんな見せ方をしてくれているので是非ご覧ください。Merce Death さんのパフォーマンスがお好きな方は特におすすめです。

あと、メニューからコンテンツに移動するときの効果音もご本人の声が使われているのも素敵です。

Comments:0

Comment Form
Remember personal info
AS3習得本
AS3の全容を学習できる本。この中でどれか1冊自分に合ったものを。
Adobe Flash CS4 詳細!ActionScript3.0入門ノート ActionScript3.0 プロフェッショナルガイド 初めてのActionScript 3.0 Flashユーザーのためのステップアップガイド 詳説 ActionScript 3.0 Actionscript 3.0 Cookbook
AS3発展本
ASでアニメーションさせる面白さを知るための本。
Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] ActionScript 3.0 アニメーション AdvancED ActionScript 3.0 Animation (Advanced)
AS2
"Flash"ではなく"ActionScript2.0"学習のための良著。他にもいろいろ読んだけど、この4冊を読んだ後、自分が成長できた感じがしました。
FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付] Essential Actionscript 2.0 Flash 8 Essentials Foundation Actionscript Animation: Making Things Move (Foundation)

あわせて読みたいブログパーツ

相互リンク

hi-posiさん
携帯Flashといえばhi-posiの岡田昇三さん。FlashLiteの有益な記事もたくさん書かれていていつもお世話になってます。ついにご挨拶させていただきました。面白すぎる人でしたw。

Return to page top