Papervision 3Dで浮遊するCSS Niteのロゴマーク

2008年10月 8日 03:07

Special Thanks CSS Nite様

Flash上で3Dレンダリングを行ってくれる有名なライブラリ、Papervision3D 2.0 Alpha - Great Whiteで、複数のPlaneのサブクラス、WiiPlane(!?)を配置して泳ぐように浮かんでいるCSS Niteのロゴマーク。
Papervision3D 2.0 Alpha - Great Whiteでは、BasicViewというクラスが存在しています、便利なんでしょうが、詳しく調べると、AbstractViewクラス、さらにその親クラスのSpriteを継承しているようです。
で、色々なサンプルを拝見させていただきましたら、いきなりsceneにprimitivesパッケージ内のオブジェクトをaddChildしているので、いったいどこでインスタンスを作ったんだ！？と悩んでいたんですが、AbstractViewクラスを確認してなかったですね、しっかりと

なんて書いてありますね、確認確認・・と。
なので、sceneという3D空間にPlaneのサブカスタムクラス、WiiPlaneクラスのインスタンスをaddChildしてます。
ロゴマークは外部ファイルとして置いていますので、BitmapFileMaterialクラスを使って外部ファイルを読み込みします、ただ、Cubeオブジェクトは6面体なので、MaterialsListを使わないといけないみたいです。
そんな訳でソースコード。

『CSSNite3D.as』

package {
	import flash.display.*;
	import flash.events.*;
	import org.papervision3d.view.*;
	import org.papervision3d.materials.*;
	import org.papervision3d.objects.primitives.*;

public class CSSNite3D extends BasicView {

var planeArray:Array=new Array();
		var plusRote:int;
		var r:int=1000;
		var total:int=10;
		var rad:Number=360/total;
		var cameraRote:Object={x:0,y:0,z:0};
		var wiiVelocity:Number=100;

public function CSSNite3D() {
			var material : BitmapFileMaterial = new BitmapFileMaterial( "./BoardView_img/logo_cssnite.png" );
			material.oneSide=false;
			//material.smooth = true;

for (var i:int=0; i<5; i++) {
				planeArray.push(i);
				planeArray[i]=new Array();
				for (var v:int=0; v<total; v++) {
					var board:WiiPlane = new WiiPlane(v,material,500,85,1,1,null);
					scene.addChild( board );
					planeArray[i].push(board);
					board.x=r*Math.cos(rad*v);
					board.y=r*Math.sin(rad*v);
					board.z=i*1000;
					board.rotationZ=Math.atan2(board.y,board.x)*180/Math.PI;
				}
			}
			camera.focus=100;
			startRendering();
		}
		override protected function onRenderTick(event:Event=null):void {
			for (var i:int=0; i<5; i++) {
				for (var v:int=0; v<total; v++) {
					planeArray[i][v].x=r*Math.cos((rad)*v+planeArray[i][v].plus()*Math.PI/180);
					planeArray[i][v].z=r*Math.sin((rad)*v+planeArray[i][v].plus()*Math.PI/180)+i*1000;
					planeArray[i][v].rotationY=Math.atan2(planeArray[i][v].y,planeArray[i][v].x)*180/Math.PI;
				}
			}
			cameraRote.x+=5;
			cameraRote.y+=5;
			cameraRote.z+=1;

camera.z = -1000+r*Math.tan(cameraRote.z*Math.PI/180);
			camera.y = -2000+r*Math.cos(cameraRote.y*Math.PI/180);
			camera.x = 2000+r*Math.sin(cameraRote.x*Math.PI/180);
			super.onRenderTick(event);
		}
	}
}

『WiiPlane.as』

ところで、なぜ、『WiiPlane』？？

Wiiと来たら！？

果たして、CSS Nite in Osakaまでに間に合うかどうか・・・。

※CSS Nite様のロゴの使用を許可していただきました、本当にありがとうございました。

前の詳細を見る Papervision 3Dで浮遊するCSS Niteのロゴマーク次の詳細を見る

Flash AS3 学習リスト

デザイナー、秋葉秀樹のブログ