ClockMaker Blog » Away3D

Flash 3Dエンジン比較とブリッジライブラリCross3D – 大阪てら子29発表資料

Yasu — Mon, 15 Feb 2010 10:32:14 +0000

毎月コンスタントに大阪で開催されている Flash の勉強会大阪てらこに参加してきました。今回は HIGE5 というタイトルで、総計 25 人ぐらいの方が参加され約 5 時間にわたり各自まとめてきた Flash の面白いことについて発表し合いました。

私は、Flash の各種 3D エンジンの比較レポートと、この日のために準備した(といっても 1 日ぐらいで作った)新種の 3D ライブラリ「Cross3D」を発表しました。Cross3Dとは、ActionScript 3.0 の各種 3D エンジンを同じソースコードで動作させるブリッジライブラリです。発表資料は Acrobat.com にアップしていますので、よろしければご覧ください。

なお、資料中にて紹介しているデモは次の URL でご覧頂けます。

7*7*7=343個の直方体を表示したときのFPS比較

Cross3D で動作エンジンを切り替えた比較

※上の3つのデモは設定を切り替えただけで、同一のソースコードで動作しています。エンジンの違いとして、実行時 FPS は PV3D が一番早いですが、Alternativa3D はオブジェクトが重なったときのポリゴン欠けに一番強いことが分かります。

Cross3D は現時点では「とりあえず動く」レベルのライブラリですが Spark Project にコミットしておきました。もし興味があれば SVN を使ってダウンロードしてみてくださいませ。ただ私自身開発に割く時間をなかなか確保できないのでガッツリ作り込めるのは春から夏にかけてになると思います。というわけで、共同開発者を絶賛募集中でもあります。

Cross3D – Spark project

てら子のレポートは次のブログに詳しくまとめられていますので、詳しく知りたい方は以下のURLもどうぞ。

#余談ですが、大阪てらこで nitoyon 先生にお会いでき、ホッテントリのテクニックを教授してもらいました。やったぁ！

Flashで作られた3Dカーゲームまとめ #1

Yasu — Sat, 08 Aug 2009 13:48:15 +0000

ここ最近2〜3年でFlashにおける3D表現は進化しており、様々なサイトで3Dを見かけるようになってきました。海外や国内のサイト/デモで気になったカーゲームをいくつか紹介します。

Volkswagen

フォルクスワーゲンのプロモーションサイト。新鋭の3Dエンジンを使っていることもあり、質感の高さに驚かされます。3DエンジンはAlternativa3D。

iQ – Vertual Test Drive

iQのテストドライブができるサイト。3DエンジンはAway3DかPV3D(PV3DのブログではPV3Dだと紹介されてるし、Away3DのブログではAway3Dと紹介されているのでどちらか不明)。

Honda | エコグランプリ | Formula E

ホンダのエコな走りがテーマのカーゲーム。スピードゲームではなく燃費がよくなるように走らすのがポイントのゲーム。3Dエンジンは不明。

※追記9/17(木) 3DエンジンはFlash 10の機能を利用した独自エンジンとのことです。(ウェブデザイニング10月号より)

play > smart

smartという車のプロモーションサイト。車体のデザインをして走らせることができます。3Dエンジンは不明。国内向けのサイトはコンセプトもわかりやすいですね。

carlosulloa.com

3Dで車を動かし出した出始めの頃の作品。3DエンジンはPapervision3D。

脳の中の風船 | レースゲーム制作記

レースゲームの制作日記。ステップごとに紹介されているので、どうやってFlashの3Dカーゲームを開発するか順を追って流れがつかめます。3DエンジンはPapervision3D。

note.x | Away3D – Studies #05

note.xのrectさんのデモ。物理演算ライブラリJigLibを使用していて、衝突時の細かい演出が興味深いです(ドリフトしたり、ひっくり返ったり、コーンを飛ばしたり)。3DエンジンはAway3D。

F MEGA TEST (追記)

このデモはPV3Dのカーゲームレースで、国内だと一番早かったという情報を頂きました。開発者のブログはこちら。3DエンジンはPapervision3D。

他にも事例や、使用している3Dエンジンがわかりましたらぜひ教えてくださいませ。

Away3Dの習作:Visual Art Demo (ついでにAlternativa3Dも)

Yasu — Thu, 21 May 2009 15:57:21 +0000

Flashの3DライブラリであるAway3Dの話題。前回の習作に引き続き、今回もPapervision3Dで作成したデモを移植してみました。

demo ( require Flash Player 10)
source (Document Class)

ついでに、このデモについてはAlternativa3Dでも作っていたので、そちらもアップしてみました。(Alternativa3Dだけ使いこなせてなくてしょぼいデモで申し訳ないです)

demo ( require Flash Player 10)
source (Document Class)

3Dライブラリの比較

このデモを作っていて思い始めたのは、Away3DやAlternativa3DよりもPapervision3Dのほうが高速なのでは、ということです。

同じデモでもPV3Dは球面を525個、Away3Dは200個、Alternativa3Dは50個です。同じ数を配置すると後者二つのライブラリではFPSが1桁台まで下がってしまいます。

ただ、Alternativa3Dについてはディフォルトでポリゴン交差問題の回避ロジック(PV3DやAway3DのQuadrantRenderEngine)が働いているので対等のデモとは言えない点だけ補足しておきます。

Twitterでのコメント

この結果について不思議に思ってTwitterでつぶやいてみたところ貴重な意見を頂くことができました。

(勝手にまとめてしまったので、削除希望がありましたらコメントかtwitterでレスくださいませ)

結論としては同じコードの比較だとPV3DのほうがAway3Dよりも早いケースがあるが、3Dのロジックは複雑でライブラリに得手不得手があるので一概に言えない、と言ったところでしょうか。

確かに上の比較ではAlternativa3Dは散々ですが、こちらのデモは圧倒的だったり、Away3Dは完成度の高いプロモーションサイトでも採用されたりしています(こちらとかこちらとか)。

ちなみにPV3Dの中の人である@UnitZeroOneの目に触れることができたようで、JAS(JActionScripters)ではありませんが、なんちゃって英語ブログをやっててよかったです。

Away3Dの習作:Paper Tile Effect

Yasu — Wed, 20 May 2009 14:38:32 +0000

Flashの3Dライブラリ「Away3D」を勉強してみようと思い、Papervision3Dで作成したデモ「細切れフォトグラフ」をAway3Dに移植してみました。

demo (require Flash Player 10)
source (Flash Develop Project)

デモ自体は移植なんで面白くとも何でもないのですが、同じものを作っているならパフォーマンスを比較したくなるのが人の常。比較するのはAway3DとPapervision3Dとネイティブ3D。3Dオブジェクトの数を上のデモの4倍となる1200に設定して試してみたいと思います。

各種ライブラリのパフォーマンス比較デモ

Away3D 3.3.3はFlash 10対応されており、ちらっとソースコード覗いた限りではVectorなどが使われたソースコードとなっています。対するPV3Dは2.0 Greate White のリビジョン883。これはまだFlash 9対応のライブラリです。果たして結果は…

結果

左側にでているStatsと呼ばれる部分のFPSの数値が高いほど滑らかに再生できているという指標になります。補足として、上のキャプチャは「瞬間値」という点と、Flash 10 Native 3Dに関してはカメラもZソートすら用意していないので全く対等の比較ではないという点にご注意ください。

Away3Dの結果がよろしくなかったのは納得がいかないのですが、もしかしたら3Dをより精度高くレンダリングするためのアルゴリズムがあり、それがパフォーマンスを消費するため逆にFPSが落ちている可能性もあります。もしこの点について検証頂ける方がいらしたらソースコードは公開してますので確認頂けると幸いです(ソースコードは上のリンクからダウンロードできます)。

3Dライブラリの比較は今後の当ブログの課題として、検証していきたいと思います。