前回の記事ではPapervison3Dで被写界深度表現ができるプロパティを発見したことを紹介しました。今回はその応用で焦点距離を計算するロジックを実装してみます。 デモ(要Flash Player 9) ソース(要Papervision3D 2.0 GreateWhite) 螺旋状の3Dサンプルで二重のネスト構造にしており、sceneX,Y,Zプロパティが今回の計算でも活躍してくれます。 カメラからの距離を算出 焦点距離を計算するにあたってカメラとオブジェクトの3次元空間上での2点間距離を算出する必要があります。XYZに対して距離の差分を求め、二乗して平方根をとれば距離が算出できます。これは今後もよく使いそうなので汎用メソッド化しておきます。 /** * カメラからの距離を算出します * @param obj 計測したいオブジェクト * @return カメラからの距離(3D空間内のpx値

Papervision3D 2.0(GreateWhite)を試していたら、いつの間にか求めていたプロパティが実装されているではありませんか。filtersとsceneZという、なんとも被写界深度が実装できそうなプロパティ。というわけで被写界深度を早速試してみました。今まで苦労したのが嘘のように簡単にできました♪ Demo(require Flash Player 9) 仕様については以下にまとめております。 ポイントはuseOwnContainer DisplayObject3Dに実装されている「useOwnContainer」というプロパティがありますが、これをtrueにすることでfilterやalphaの使用が可能となります。 var o:Plane = new Plane(new ColorMaterial(), 100, 100, 1, 1); o.useOwnContainer

前回の記事に続いてPV3D 2.0の勉強２回目。今日は様々な反射(シェーディング)を比較して試してみます(比較キャプチャを載せてます)。 サンプルは10×10の二次元配列を3Dグラフ状に表示したものです。 デモ(要FlashPlayer 9) ライト機能は「GouraudMaterial」を使いました。この「GouraudMaterial」はグーローシェーディングの照明機能です。他にも 「FlatShadeMaterial」「CellMaterial」「PhongMaterial」などラシェーディングの種類が選べます。ものによってレンダリング結果と処理負荷が変わってくるので、どれを選ぶかは要検討といったところでしょうか。 shadematerialsの比較 以下はorg.papervision3d.materials.shadematerialsパッケージにある複数のマテリアルに切り替えて

習作としてPapervision3D 2.0を使って作ってみました。3Dの空間内にテキストの残骸が廻っている単純なサンプルです。 ソースコード デモ Papervision3D 2.0のソースはこちらからダウンロード。 /trunk/branches/GreatWhite/src ソースコードは一つ一つダウンロードすると大変なので、SVNクライアントをインストールして一括ダウンロードします。私はTortoiseSVNを使用しました。 PV3Dのコードの書き方はこちらの記事を参考にしています。 [ActionScript3.0] PaperVision3D 2.0 GreatWhite を触ってみる [AS3] | moriBlog Papervision3D の平面に外部 swf をロード : Media Technology Labs (MTL) : メディアテクノロジーラボ　ブログ P

公約していたとおり、自主制作映画上映会「Q.films」の告知サイトのソースファイルを公開します。 souce (zip) 一応、区分としてはフルフラッシュサイトになると思いますが、この規模のサイトのソースが公開されている例は少ないと思いますので、何らかのお役に立てれば幸いです。Flex SDKで作っているのでFlash CS3/CS4を持っていなくてもセットアップすれば無料で試すことができるはずです(この記事が参考になるかも)。 注意点として、 フォントは抜いてますので使用する際は適宜設定ください。またメンバー紹介はダミー画像に差し替えてます。 2/11(水)から2/15(日)まで上映会です あと、お伝えしたいこととして今日から上映会です。私も含め社会人が休日に制作したエンターテイメントな映画を上映しますので気楽に楽しめるかと思います。映画の他にも私のモーショングラフィックス作品も上映し

前回はPapervision3DとProgressionを連携させてみようということで、PV3DにProgressionのシーン(ページID)を割り振る事を試しました。 ただ、PV3Dと連携させるにあたってやや冗長にスクリプトを書く必要があり、世界観を作り込んだPV3Dのフルフラッシュサイトになると根気がいりそうな気配を感じておりました。私が本当にやりたいのは、そんな根気はなくても手軽にクールな演出がProgressionでできるというものです。 Progression公式ブログで掲載されているスライドショーの7ページを拝借(勝手に引用してすみません！)。私の理想系は画面AとBは作られていて、その遷移のトランジションがPapervision3Dというもの。 前回の例は画面AもBもPV3Dで作られていて、それを力技でProgressionと結びつけるということになってました。いずれはそれも簡

[追記] 08.12.16 この記事をもとに Flash でスクリプト不要の 3D トランジション効果 ClockMaker Effects という拡張コンポーネントを作成しました。コンポーネントのほうが使い易くエフェクトも強力になってますので、上記リンクをご覧ください。 汎用3Dライブラリの「Papervision3D」と画面遷移がスマートに作成できる人気のフレームワーク「Progression」を組み合わせるシリーズ３回目です。ついに画面遷移に3Dエフェクトを適用することができました。それもちょっとした設定で色んなプロジェクトにも利用できるように”それっぽく”クラス化しています。まずはサンプルをご覧ください。 demo (要Flash Player 9) ZIPのソースファイル(Flash CS3) 使用したライブラリはこちらからDL下さい。 progression 3.0.7 pap

昨日のブログでF-siteセミナーにいったことをレポートしましたが、学んだ事は忘れないうちに復習するということでAS3フレームワークの Progression を試してみたいと思います。敢えて説明するまでもないと思いますが、Progression とは Flash の画面遷移をスマートに作成できる Flasher 向けのフレームワークです。 ということで作成したものは Papervision3D を Progression 3 Progression 4 で制御するというもの。 demo (要 Flash Player 9) ブロックをクリックすると Scene が切り替わるように設定しているので、URL のアンカーが切り替わります。もちろんアンカーからページに入るとSceneが復元されそのブロックが表示された状態になります。例えば紫のブロックのリンクはこちらです。以下は技術的な解説です。