Box2DとPapervision3DをWondeflで

2009年03月31日 (火)
Tweet

Box2DとPapervision3DをWondeflで

wonderfl で物理演算ライブラリ「Box2DAS3」が使えるようになったと聞いて、3Dエンジン「Papervision3D」と組み合わせたデモを作ってみました。

wondefl : [Box2D][PV3D] 3D Ball Simulation

Ｂｏｘ2DとPapervision3Dの絡み

Box2DとPV3Dの表現を行う際に抑えておきたいポイントは、Box2Dは二次元の演算を行うものなので、3Dで扱うとしても平面的な物理演算しかできません。ですのでサンプルはあくまで２次元(縦・横)の動きしかしていません。その制約のなかで表現を模索するのが面白いといったところでしょうか。

3次元の物理演算を行うならJigLibFlashというのがあるので、そちらを使ってみるほうがいいと思います。(参考：JigLibFlashとSpringCamera3Dで3Dゲームっぽい動きを実現)

サンプルの解説ですが、いっこいっこ説明しても長くなってしまうので、ここでは処理の流れのポイントを。

PV3D側のオブジェクトにマウスプレスのEventListenerを設置
Box2Dにドラッグしているオブジェクトの座標を送る
Box2D側で物理演算子座標位置を計算
EnterFrame内でBox2Dの座標をPV3Dと同期する
ドラッグの値を正確に取得するため、PV3DはFlashの表示領域に対して等倍表示をする必要がある

2つのライブラリを使って2つの仮想空間を作っているためコードが冗長になってしまうのが難点でしょうか。

マウスカーソルを手のひらに

今回、本題とは別にこだわったこととして、Flash Player 10から追加されたハンド形(MouseCursor.HAND)のマウスカーソルを試してみました。ドラッグするときのカーソルが手形だと気持ちいいですね。カーソルのカスタマイズについては次のブログがわかりやすく説明されているので、興味がある方は参考にしてみるといいと思います。