Sakef Blog

Flashの3D表現ライブラリの1つである、Alternativa3Dに手を出してみました。

最初ということもあって、まずは簡単なCubeを回すやつを。

使ってるバージョンは7.5です。

サンプルはこんな感じです。

以下、触ってみてのメモ。

• カメラの視点が常に原点を見ているわけではないので、カメラを動かす時は注意。
• View、Cameraなど、おおまかな書き方はPV3Dと似てる。
• rotationＸなどもラジアン値で指定する。
• viewをリサイズすると、全体の大きさも変わる。

一番最後に書いたviewのことですが、このことをtwitterでつぶやいたところnarutohyperさんから助言を頂きました。

それによると、「cameraとviewが関連付けられてるので、viewのサイズで大きさが決定される。viewのサイズ変更しても大きさを変えたくない場合は、現状ではcameraのfov計算を自前でしなおさないといけない模様。」とのことです。

なるほど納得です。narutohyperさんありがとうございました。

以下ソースです。

package
{
	import alternativa.engine3d.core.Camera3D;
	import alternativa.engine3d.core.Object3DContainer;
	import alternativa.engine3d.core.View;
	import alternativa.engine3d.materials.FillMaterial;
	import alternativa.engine3d.materials.TextureMaterial;
	import alternativa.engine3d.primitives.Box;
	import flash.display.Bitmap;
	import flash.display.BitmapData;
	import flash.display.Sprite;
	import flash.display.StageAlign;
	import flash.display.StageQuality;
	import flash.display.StageScaleMode;
	import flash.events.Event;

	[SWF(backgroundColor=0x000000)]
	public class Main extends Sprite
	{
		[Embed(source='image.jpg')]
		private var img:Class;

		private static const RADIAN:Number = Math.PI/180;
		private static const FOCUS:Number = 800;
		private var rootContainer:Object3DContainer;
		private var camera:Camera3D;
		private var view:View;
		private var box1:Box;
		private var box2:Box;

		public function Main()
		{
			stage.scaleMode = StageScaleMode.NO_SCALE;
			stage.align = StageAlign.TOP_LEFT;
			stage.quality = StageQuality.HIGH;
			stage.frameRate = 40;

			// ベースとなるコンテナ。
			rootContainer = new Object3DContainer();

			// カメラの初期化 (PV3Dでいうフリーカメラみたいなの)。
			camera = rootContainer.addChild(new Camera3D) as Camera3D;
			camera.z = -800;
			camera.x = camera.y = 0;

			// ビューポート (View is DisplayObject)
			view = new View(stage.stageWidth, stage.stageHeight);
			view.logoAlign = StageAlign.TOP_LEFT;
			view.logoHorizontalMargin = 80;
			camera.view = addChild(view) as View;

			// デバッグ情報を表示する場合は記述
			camera.diagramAlign = StageAlign.TOP_LEFT;
			addChild(camera.diagram);

			// 箱1を作成
			box1 = new Box(130, 130, 130);
			box1.x = 200;
			box1.setMaterialToAllFaces(new FillMaterial(0x770000, 1, 7, 0x220000));
			rootContainer.addChild(box1);

			// 箱2を作成
			var texture:BitmapData = (new img as Bitmap).bitmapData;
			box2 = new Box(130, 130, 130);
			box2.x = -200;
			box2.setMaterialToAllFaces(new TextureMaterial(texture, false, true));
			rootContainer.addChild(box2);

			addEventListener(Event.ENTER_FRAME, onFrame);
			stage.addEventListener(Event.RESIZE, onResize);
		}

		private function onResize(e:Event):void
		{
			view.width = stage.stageWidth;
			view.height = stage.stageHeight;
		}

		private function onFrame(e:Event):void
		{
			// Box1をローテーション
			box1.rotationX += RADIAN;
			box1.rotationY += RADIAN;

			// Box2をローテーション
			box2.rotationX -= RADIAN;
			box2.rotationY -= RADIAN;

			// レンダリング
			camera.render();
		}
	}
}