Sandyで台形変形してみたのですが

reflectionFlipper.jpg

昨夜に続き、今夜はいよいよFlash用3Dライブラリ「Sandy」を使って、反射表現した画像をフリップさせる動きを付けてみました。思わぬ結果が待ち受けていました。先に謝っておきます。すいません。

昨日のReflectionクラスを少し修正後、それを継承させたReflectionFlipperクラスを作成し、そこでSandyのDistortImageクラスを使ってみました。できたサンプルは以下です。_xmouseの値により、5枚の写真がフリップします。

reflectionFlipper.swf

さぁ、あとはFuseKitで動かすだけーと思いきや、あれ、何か違和感が、、、

reflectionFlipper2.jpg

上の部分をよーく見て下さい。何かおかしいです。お手本のiTunesのCover Flow表現と比べてください。そうなんです!反射部分が透けてるのがおかしいのです。反射はアルファで表現しはいけなかったのです。じゃあ明度?それも微妙なところ。明度だと黒くor白くなるだけですので、黒か白色以外の色の背景には対応できません。それでよしとするか、はたまたパラメーターで背景色を受け取る仕様にするか、さらに頑張って、下地をビットマップとしてキャプチャするか(できるのか?)、どうしようかを悩み中です。

ということで、反射表現のオブジェクト同士が重なるような使い方をされる場合は、昨日のソースのご使用はお控え下さい。そのうち修正します。すいません。

肝心のSandyについては次のエントリで説明します。

Comments:5

muta 06-12-21 (木) 19:32

はじめまして、いつも拝見しています。
teraさんの有益な情報は、いつも参考にしています。

以前紹介されていたactiveBlurを使えば応用が効くかも?と思ったので、
余計なお世話かもしれませんが、サンプルを作ってみました。
http://up.spawn.jp/file/up60063.zip
背景を指定する必要があったり、
前面のイメージが背面のイメージよりも上にいくと表示が変だったりと、
いろいろ不具合は多いですが・・・。
参考になれば幸いです。

これからも頑張ってください。

tera 06-12-21 (木) 20:23

>>muta様
はじめまして。サンプル確認させていただきました。有益な情報のご提供、ありがとうございます!
ご紹介いただいた方向で、作っていこうと思っています。
今からじっくりと拝見させていただこうと思っておりますが、背景は不動のものと扱って、onEnterFrame処理を外すかどうかを決めあぐねそうです。それほどパフォーマンスに影響がないのであれば、もちろん現状のままがいいのですが。

最近「ウェブ人間論」読んだところですので、感激もひとしおです。オープンソース万歳!ネットって素敵です。
今後ともよろしくお願い致します。ありがとうございました。

muta 06-12-21 (木) 20:53

お役に立てたようで何よりです。

>>前面のイメージが背面のイメージよりも上にいくと表示が変

よくよく考えたら、これはY座標に応じて深度を入れ替えれば大丈夫そうですね。

>>最近「ウェブ人間論」読んだところですので、感激もひとしおです。
>>オープンソース万歳!ネットって素敵です。
>>今後ともよろしくお願い致します。ありがとうございました。

以前のエントリー「集合知で勉強できる」については大賛成です。
みんなが有意義な情報交換をできたら素敵ですよね。
自分は「ウェブ人間論」を読んだことがないのですが、読んでみようと思います。
こちらこそ、よろしくお願いします。

kiyo 06-12-21 (木) 21:28

はじめまして。私も最近 Sandy 使い始めました。
面白いのでSandyユーザー増えるといいですね~。

tera 06-12-21 (木) 21:51

>>muta様
いろいろとアドバイス頂きありがとうございます。できるだけ良いものができるよう、いじってみます。
>>kiyo様
はじめまして。
kiyo様のサイトのSandyのサンプルも拝見させていただきました。Sandyって僕の想像以上に、本気で3Dできるのですね。我が家にはベースを作れるような3Dソフトがないので、とりあえずは平面をDistortさせたりすることから、徐々に始めていきたいと思います。
今後ともよろしくお願い致します。

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.trick7.com/blog/2006/12/21-021915.php/trackback
Listed below are links to weblogs that reference
Sandyで台形変形してみたのですが from trick7
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)

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

Return to page top