PV3D | Primitives

まずはPV3Dをダウンロードして(PV3Dのダウンロードはこちらから)

「Flash」→「環境設定」→「ActonScript」→「ActionScript3.0設定」でクラスパスを設定してあげます。

パスは　PV3D/as3/trunk/src　を設定します。

これで、例えば
　　import org.papervision3d〜
とか書くとPV3Dで用意されたクラスが使えるようになるワケです。



さて、前置きはこれくらいでいいとして
PV3Dで基本的な部分て
　・オブジェクト
　・カメラ
　・ビュー
　・マテリアル
辺りかなーと勝手に決めつけて、まずはそこから攻めてみたいと思います。

とりあえず何か３Dの物体を表示させてみたいので
org.papervision3d.objectsにある
Primitivesからやってみましょー。


PV3Dを使って3Dの表現をする為に最低限必要な事は
　・３Dの空間の設定
　・オブジェクト作成配置
　・オブジェクトを撮るカメラの設定
　・撮った映像を表示する為のビューを設定
とかかな？


今回はオブジェクトの作成と配置の部分だけでいいので
この辺の初期設定を簡単にやってくれるBasicViewを使いたいと思います。


ホントは自分でやった方がいろいろできるようになると思うので
この辺はまた追々やっていきましょー。
(BasicViewについてはこちら)


●ソースをダウンロード

●サンプル


サンプルソースではpv3d_01.flaのドキュメントクラスにpv3d01.asを設定して
pv3d01.asファイルにソースを書いています。

package{
	//カメラ関係
	import org.papervision3d.view.*;
	//オブジェクト関係
	import org.papervision3d.objects.primitives.*;
	//マテリアル関係
	import org.papervision3d.materials.*;
	import org.papervision3d.materials.utils.MaterialsList;
	
	//イベント関係
	import flash.events.*; 
	
	//BasicViewクラスを継承してMainクラスを作成
	public class pv3d01 extends BasicView{
		//Mainコンストラクタを作成
		public function pv3d01() {
			//ここに処理を記述していきます
		}
	}
}

まずは下ごしらえ的なところから、
なんとなくでテキトーなコメント入れてますのでおかしいところがあったら指摘してくださいw


コンストラクタでBasicViewを継承するように書いていますが、
BasicViewは 「import org.papervision3d.view.*;」 の部分でインポートしています。
「*」というのは上記であれば「view」の配下を全部〜って意味なんですね。


マテリアルは追加した３Dのオブジェクトがそのままだと透明で見えないから
そこに何か貼付けて見えるようにする為のものと思ってればいいかな？


詳しい事は後々やっていきますのでとりあえず置いておきましょう。


それではまず球体を表示してみましょう。

//オブジェクトを作成
var mySphere:Sphere = new Sphere();
//オブジェクトを追加
scene.addChild( mySphere );
// レンダリング開始
startRendering();

これだけ！
「scene」というのは３Dを表示する為の空間で
そこに「new Sphere();」で作成したオブジェクトを追加して
表示してるだけです。
「scene.addChild();」や「startRendering();」
は、今回BasicViewを継承しているのでいきなり使えてるわけですね〜。


球体の大きさや面の数を変えたりマテリアルを設定するには
引数に以下のような値を与えてあげるといいみたいです。




それでは次に四角いオブジェクトを表示させてみたいと思います。

//マテリアルを作成
var materials : WireframeMaterial = new WireframeMaterial();
//マテリアルリストを作成
var mList : MaterialsList = new MaterialsList( {all : materials } );    
//立方体オブジェクトを作成
var myCube:Cube = new Cube(mList,100,100,100);
//オブジェクトを追加
scene.addChild( myCube );
// レンダリング開始
startRendering();

Cubeの定義はこんな感じ↓



なんか立方体オブジェクトだけ他とちょっと違うみたいです。
そう、第１引数がマテリアルではなくマテリアルリストになってます。


しかもちゃんとマテリアルリストを渡してあげないとエラーになっちゃうようで…。


マテリアルリストについてもまた後々やりますので、
とりあえずCubeの引数で必要になることを覚えておきましょう。


その他にも↓みたいなオブジェクトが用意されています。






とりあえずこんなもんでしょうかねー？
そのままだとおもしろくないので
ちょっと回転させてみたりもしてみましょう。


オブジェクトは「rotationY」とか「rotationX」っていう
プロパティを持ってるらしいのでそこに値を設定すると
オブジェクトの向きを変えられるみたいです。


↓みたいにフレーム毎のイベントを設定してやると
球体がぐーるぐーる回ります。

//毎フレーム時のイベントを追加
addEventListener(Event.ENTER_FRAME, enterFrameHandler);

// 毎フレーム時のアニメーション
function enterFrameHandler(event:Event):void
{
	//球を回転
	mySphere.rotationY += 1;
	mySphere.rotationX += 1;
}

初心者なりの解釈で書いてますので、何か間違い等ございましたらご連絡下さいm（＿＿）m


よし、次回はカメラについてだ〜！


参考サイト
　・FlaTech+