Unknown Quality

というわけでやりますよー
※2008年12月03日(水) 正午頃にWCANのサイトにて受付を開始いたします。

今回はアニメーションがテーマです。
サブタイトルは「ボンッ! キュッ! ボンッ! でアニメーション!!」

私はアニメーションの可聴化というのに挑戦してみます。まだ全然挑戦してないけどね！

あと今回はバナーを作らせていただきました。
正直、DisplacementMapFilterが使いたかっただけです。動機が不純でごめんなさい！

バナーはこちらから貼付けられます。

<script type="text/javascript" src="http://www.wcan.jp/archives/banner/wcanminiasv9.php"></script>

暴年会の企画のお知らせです。

URL:http://level0.kayac.com/event/gohan2008/

12月20日土曜　渋谷のダブルトールカフェで行います。主催は、KAYAC 道家さん、FICCのasamiさん、、PANOPTES蘭知亜くん、ローハイド.ll_koba_llです。ごはんとFlash以上にいろんな人とかかわれたらいいなーと思います。

参加応募の受付は明日12月5日の12:30からとなります。先着で定員になり次第、締め切らせていただきます。なお、貸切による予約制となるためキャンセルはできません。
みなさまの参加をお待ちしています！

Flashなひともデザインな人もみんなくればいいと思うよ！

してるのでよろしくおねがいします！

ごはんと暴年会 2008 -Flashとデザインを語らう-
http://level0.kayac.com/event/gohan2008/

参加する人はFlashネタ持ち込みOK！

メモ
Macだけど

file:///Library/Application Support/Adobe/Flash CS3/ja/Configuration/HelpPanel/Help/

Flashのヘルプで見るのはしんどすぎるので、直接ブラウザで開いてみた方がいいね。
特に外部のエディタの場合は、Flashからフォーカス外すとヘルプのウィンドウ消えるし。

CS4のAS3リファレンス、こっからzipのアーカイブダウンロードできるみたいだけど、日本語版のZIPアーカイブどこ？
http://help.adobe.com/support/documentation/en/flash/10/ActionScript3LangRef.zip

WCAN mini AS vol.9 にて「アニメーションの可聴化に挑戦してみた」という内容の発表をしました。

以前、こちらのイベントに参加した際に、初めて可聴化という言葉を聞いたのですが、それから気になっていたので挑戦してみました。結局思ったところまでは行けなかったのですが、FlashPlayer10の新機能を試したりできて面白かったです。

スライドとか適当だったので、内容をこちらにまとめてみます。

可聴化とはなに？

・可視化 -> 見えるようにする
・可聴化 -> 聞こえる用にする
他にも「可触化」「可臭化」「可味化」などあるらしい。
この辺りは、研究段階のもので、インターフェースとして制作されてる物もあるようです。

可聴化の例としては金属探知機などがあります。

可聴化できたらなにがいいのか？
個人的な考えなのですが、可聴化できることで目に見えない情報を得ることができたり、目に見えている情報でもそれを補完してくれる作用があるんじゃないかと考えてます。

例えば、レースゲームをするさいに、エンジンの回転数を知りたいとします。エンジンの回転数は、画面に出ているタコメーターを見れば言い訳ですが、レースをしているのでコースに集中する必要もあります。そんなときエンジンの回転数が聞こえると、それをもとにある程度の回転数を予測することができます。

可聴化をすることで、視覚+αの情報をユーザーに届けることができるんじゃないかなと思いました。あとは音と同期したコンテンツは見ていて気持ちいいので、アニメーションを可聴化することで、アニメーションと同期した音を奏でることができるのでは、というところが今回挑戦しようと思った動機です。

それでFlashで音を再生するには以下の方法があります。

・MP3なんかを読み込んでSoundクラスで再生。
・タイムラインに読み込んだサウンドを貼付ける。

Flash Player10から新たにサウンドの機能が増えました。
それが「Dynamic Sound Generation」です。

Dynamic Sound Generation とは動的に生成した波形から音を作ることができる機能で、ASから生成した波のデータを音として再生することができます。

ここから実際のデモを交えながら話をさせていただきました。
デモとして以下のモノを用意しました。音があまりよろしくなかったりするのは、私の実装が悪いからだと思います＞＜
※全部音が出るので気をつけてください。

・オブジェクトが動いている間、音がなる
・スピードによって音量が変わる
・スピードによって音質が変わる
・スピードによって音量、音質が変わる
・スピードによって音量、音質が変わる(動きをランダムに)
・スピードによって音量、音質が変わる(クラスにしてみた)
・Box2Dのコンテンツを可聴化（重くてだめ）
・Box2Dのコンテンツを可聴化（オブジェクト1個）
・Box2Dのコンテンツを可聴化（オブジェクト3個）

ソースはこちらからダウンロードできます。
http://labs.un-q.net/wcan/vol9/demo/wcanminias_vol9_src.zip
すべてCS4で作ったのでCS4じゃないと開けません。あと実験的なコードなのでいろいろ大変なことになってると思いますw

今回のデモではスピードのみをパラメータにしていますが、これをオブジェクトの大きさや色などを利用していくと、もっとバリエーションが出てきて面白いんじゃないかなと思います。

最終的にはパーティクルの可聴化をやってみたかったのですが、そこまでたどり着くことができませんでした。もうちょっと時間見つけてやってみたいと思います。

まだこんなのでは実用的ではないですが、Dynamic Sound Generationを使って、アニメーションに合わせた音を鳴らすことで、アニメーション自体の説得力を上げることができるんじゃないかなーと思います。
特に動的なアニメーションの場合、Dynamic Sound Generationが効果を発揮しそうです。

そんな感じで、実は音とか全く詳しくなくて分からないことばかりでしたが、なかなか楽しかったです。

Wonderfl Build Flash Online
http://wonderfl.kayac.com/

これすごいですよ。
ブラウザにActionScript書くと自動的にコンパイルされて、出力されたswfが自動で表示されちゃいます！
FlexSDKがなくてもAS3を簡単に試せる！

さらに楽しい機能がForkです。
人のソースコードをコピーして自分で編集していろいろ楽しめちゃいます。勉強の為に人のソースをちょっとずつ変えてみたり、こうしたら面白いかなーと思ったことをその場でやってみたりできちゃいます。

私もいくつか投稿してみました。
こんなのとか
http://wonderfl.kayac.com/code/57b6cd7eaee06e66f57c28edfa5272e90550d020

そしたらminonさんがForkしてくれました。
http://wonderfl.kayac.com/code/a633dccd8127924be447dbf2f8b626092b0d1427
元のよりおもしろくなってる！

さらにForkしてみた
http://wonderfl.kayac.com/code/73fb77583665dd6dc4da09f3769595aba6d6d83b

こういった形でForkをされ、自分の作品が変化していくのも楽しめそうです！

海外でも取り上げられてるみたいで
Mr.doob's blog | Wonderfl: coding + compiling Actionscript inside the browser
http://mrdoob.com/blog/post/617/

These Japanese are crazy...

クレイジーw

わんだふるすぎるよ！

明日発売？でしたっけ。
AmazonのCS4が10%offだったので注文した！

Creative Suite 4 日本語版 Web Premium Macintosh版

Production Premiumと迷ったんだけど、いろんなところでFireworksべんりべんりーと言われたので結局Web Premiumにした。Fireworksは4とかMXの頃は結構使ってた気がする。

たのしみー！

CS4に対応したProgressionがリリースされました！
めでたい！
niumさんおつかれさまです！！！

Progression™ >> Progression 3.1.0
http://progression.jp/ja/download/3.1.0/

注文したCS4が届きません＞＜
Amazonさんがんばって！