July 21, 2010

Papervision3Dのソート法をZソートからインデックスソートに変更する 番外編(ViewportLayerの事)

前回「Papervision3Dのソート法をZソートからインデックスソートに変更する」でPapervision3Dのソート法をインデックスソートにしましたが、インデックスソートにすることで、できた事があったのでちょこっと紹介。

3D空間上のオブジェクトの中に通常の3DオブジェクトでないボタンやUIを配置したいときにわざわざPlaneを追加するのは負荷があがるし、なにより面倒。。。
そこで、インデックスソートに変えたときに使った「ViewportLayer」を応用してその問題をクリアしてみました。

種明かしすると、ViewportLayerはSpriteの拡張クラスなので、空のViewportLayerを用意すれば3D空間の中で自由に深度を変えつつ、DisplayObjectを3D空間の中に描画できるということ。
詳細なコードは以下wonderflで確認していただければと思います。

July 20, 2010

Papervision3Dのソート法をZソートからインデックスソートに変更する

Papervision3Dはポリゴンを「Zソート」という方法でソートして描画しています。
Zソートの弱点としてポリゴン毎に奥行きをチェックするため、オブジェクト同士が近くにあったり、交差していたりするとオブジェクト(ポリゴン)が欠けて描画されるということがあります。
そこで今回はソートをZソートではなく、指定した任意の順に描画する「インデックスソート」に変更することでその現象を回避してみます。

以下でZソートとインデックスソートの違いを比べてみました。
左がZソート、右がインデックスソートです。
※実際のコードはwonderflで見てください。

July 16, 2010

Papervision3Dで中心点をViewport3Dの中央からずらす

Papervision3DはViewportの中央が消失点になっているが、ずらしたい時があったのでちょっこっとViewport3Dを拡張したクラスを作ってみた。
wonderflにアップしたのでよろしければどうぞ。
バグがあるかもしれないので、見つけたらForkして直してくださいw

そもそもそういう機能ありそうな元からありそうな気がするけど、見つからなかった。
既にPV3Dで実装されてたら教えてください。

July 13, 2010

LAFORET GRAND BAZAR TWEET SHOWER

LAFORET GRAND BAZAR TWEET SHOWER
LAFORET GRAND BAZAR TWEET SHOWER

ラフォーレ原宿で7月15日〜19日に催されるラフォーレグランバザールのスペシャルコンテンツを制作させていただきました。

TV CMの世界観を踏襲しつつ、Twitterで「#Laforet_SALE」のハッシュタグをつけてつぶやかれたツイートをいくつかの表現に落とし込み、バーゲンの盛り上がり感、お祭り感を表現する事に注力しました。
「#Laforet_SALE」を付けてつぶやきつつ、是非ラフォーレ原宿へ足を運んでいただければと思います。

関係者の皆様おつかれさまでした&ありがとうございました。

archive

profile

神谷修平。2005年より都内プロダクションにて勤務後、2008年6月ARCHETYP inc.に移籍。デザイン、フラッシュコーディングを主に手がける。

お仕事のご依頼・ご相談はこちらから