WSX:カッシーのWEBる。

やっとFlashのことが書けます(笑)

Flash8よりビットマップ関連のActionScriptが豊富になったのですが、
その中に「cacheAsBitmap」というプロパティがあります。

この「cacheAsBitmap」は画像や複雑なベクターデータをキャッシュされ、
パフォーマンスの向上に繋げるものです。つまり同じ画像いっぱいな
Flashなんかはこのプロパティを使えばいいという感じです。

さて、海外のサイトうろうろしてたらたまたま見つけたのですが、この「cacheAsBitmap」を
使うことによって透過情報をもったマスクがかけれるようです。

[ActionScript]
msk_mc.cacheAsBitmap = true; //msk_mcをキャッシュ
pic_mc.cacheAsBitmap = true;　//pic_mcをキャッシュ
pic_mc.setMask( "msk_mc" );　//pic_mcにmsk_mcでマスクをかける

[SWF]

flaファイル

あら不思議。
黒から透明になっていくMC(中身はグラデーションの短形シェイプ)で
透過情報を持たせたままマスク処理できました。
前に透過情報を持たせたマスクをかけれず悔しい思いしたことがあったので
これを見つけたときはかなり嬉しかったです(笑)

まだまだ勉強しないと駄目ですね！

今日仕事中に起こった出来事。

Flashがあるページにアンカーリンクでページ内移動させていました。
するとクライアントから「ボタンを押してページ内を移動するとFlashが消える」という
なんとも奇妙な現象のクレームが入りました。

「ボタンを押すとFlashが消えるのですが・・・」

写真共有サービス「フォト蔵」に登録してみました。

APIを使った何かがしたいと思いまして考えたのがずっと作りたかった写真ギャラリー。
Flickrと迷ったのですが、こちらのほうが日本語化けの可能性が低いのでこちらにｗ

ちゃんとFlashからでもデータを読みこめれるようにポリシーファイルが設置されているようなので、
Flash+フォト蔵の写真ギャラリーを作ろうとチャレンジ中。
ってその前に早くブログ完成させろって感じですよね(ぉぃ

イメージはこんな感じ。

機能としては
・フォト蔵のアルバムのIDを”***.swf?id=****”みたいな引数で呼び出し
・写真表示モードとサムネイルモードがある
・写真表示モードの際、大きい(オリジナル)画像へのリンクボタン出現
・左右の画像をクリックすると切り替わる
・右上部のボタンもしくは何もない部分をクリックするとサムネイルモード切り替え

まぁ簡単な写真ビューワーですね。
また将来的には
・配布できる形にする(ブログパーツ化計画)
・IDとパスワードを追加することで可能なコメントなど詳細な情報表示（機能拡張）
・本家フォト蔵の画像をキーワードによって検索・表示(例：犬のみなど)
・ミニサイズ版（一般的なブログパーツ？）
・全画画面版（思いっきり元の重たい画像を呼び出して全面表示ｗ）

なんてでけたらなと思ったり。
XMLを呼び出して情報を取得・整理については理解しているので
あとはどれだけ使い勝手のよいFlashを作れるかどうか・・・

■課題
・モード切り替え時のアクション
・画像切り替え時のアクション
・数が50枚以上などなった際のなど負荷対策

などなど。
時間がでけたら作り始めてみよう・・・

Flashサイトを作ったとき、問題になるのが

●ブラウザの戻る・進むボタン
●各コンテンツへは必ず最初のOPやトップを経由しなければならない

といった問題があります。

それを解決する方法として2AdvancedStudiosで使われて有名になりました。
Flashコンテンツを再生中なんとURLを動的に可変するという技術。スゴ！

たとえばトップページは　 www.strive-ex.com/
プロフィールのページに移動すると　www.strive-ex.com/#profile

という風に可変させていきます。
また、ブラウザの戻るボタンを押しても　www.strive-ex.com/　にURLが代わり、
ブラウザがリロードされるわけでもないため、実質FlashにURLを与えることが可能です。

あとはこの内容を取得し、それに合わせて処理するようサイトを作れば、
オールFlashコンテンツでも個別のURLを持たせることが可能となります。

さて、これを実現するにはJavaScriptとの連携が必須なわけなのですが、
ありがたいことにライブラリが公開されてましたのでご紹介します。

SWFAddress
http://www.asual.com/swfaddress/

ぜひ次にサイト作るStrive-eX Version2はこのDeep linkingを搭載させてみたいですｗ

AID-DCCのさくーしゃさん（通称先生）率いる大阪てら子に参加してきました。

FlashというよりはActionScript寄りの内容が多いです。
アニメーションしか作ったことない・・・という人は苦労するかも(汗
でも2次会はめっちゃ楽しい。凄い人たちの話聞けたり、同じWeb業界や
Flashが好きな人たちと喋れるというのは物凄く貴重だと思いました。

・・・土曜日の話なんですがこの記事書いてるのはもう水曜日・・・orz
仕事で超多忙な状態ですが無理やり参加して来ました（クライアントの皆さんすみません）

レベルの高いクリエイターの方々とお話したり名刺交換するとなると
学生の時に作ったサイトとか、作りかけのこのブログとかちょっとないですよね(汗

内容は以下の通り

●AS2でFlvPlayerをさくっと作る（Ido）
いまだAS2です。1時間以内にできたらいいな。

●フィルターを使ってみる（なぎまぐ）
DisplacementMapFilterやConvolutionFilterを使ってつくったものを発表。

●Papervision3Dの基礎（イーチェン）
Papervision3Dを使って簡単なものを作りながら説明。

●みんなで質問コーナー（たけし）
質問なかったら話題のAS3ライブラリを触ってみる。

IdoさんのFLVPlayerに関しては過去自分が作ったことがある
奴と比べると全然レベルが違うので参考になりました。
あれぐらい色々と考えてやらないといけないのか！とレベルの低さを痛感。

なぎまぐさんのフィルターは面白すぎ。
スクリプトスクリプトとされてるこの最近のFlash業界で
画像であのように不思議な表現ができるのは非常に面白い要素ですね。

イーチェンさんのPV3Dのお話。
PV3Dを動かすところよりも、途中ちょっとでてきたイーチェンさんの
サイトとかがかなり気になる僕です。

たけしさん。
僕の一歳上！？しかも今度からFICC（レベルの高い東京の会社）に就職されるとのこと。
しかもご結婚もする（された？）とか。Flash歴1年でとかてら子凄すぎです。
技術的にもそうですが僕も近々結婚を考える身としては非常に影響しましたｗ

AS3を触れないのが非常にもったいないと思えるんですよね。
AS2でさえクラスとかちゃんと使えてないのでそういうのを認識できてよかったです。

AS3したいのにそんな期待を裏切ってFlashLiteとかお話がくるのですよ僕（汗

というわけで次回も非常に楽しみな大阪てら子でした。