//線の色を設定
var lineMt:LineMaterial = new LineMaterial(0xff6633, 1);
//線を描くコンテナを作成
var _line3d:Lines3D = new Lines3D(lineMt);
//線の太さ,始点x, 始点y, 始点z, 終点x, 終点y, 終点z
_line3d.addNewLine(0, 0, 0, 0, 0, 2500,0 );
//シーンに追加
scene.addChild(_line3d);

ラインが伸びるアニメーションはTweenerでスケールを変更しています。

Tweener.addTween(_line3d, {
	scaleX:1,
	scaleY:1,
	scaleZ:1,
	time:8
});

今回数本の線を引くのに1つのLines3Dに1本の線を引いています。
1つのLines3Dに複数のラインを引くよりも軽かったからです。
描画面積が大きくなるからだろうか。
もうすこし詳しく調べないとダメですね。

もっと軽くなれば1920×1200のフルスクリーンで300本くらいぐわっと動かしたいものです。。。

参考記事
http://flash.polig.daa.jp/?eid=869558

・FlatShader
・CellShader
・GouraudShader
・PhongShader

PointLight3Dで光源を創り、ShadedMaterialにGouraudShaderとBitmapDataを渡す感じ。

var light:PointLight3D = new PointLight3D();
var shader = new GouraudShader(light);
var mat = new ShadedMaterial( bitmapData, shader);//BitmapMaterial
var sphere = new Sphere(mat,300, 20,20);
_world.addChild( sphere );

GouraudShaderサンプル

PhongShaderをつかうとボコボコを表現できる。
こちらも光源を創りPhongShaderに凸凹用のBitmapDataを渡し、ShaderMaterialにPhongShaderと表示用BitmapDataを渡す。

var light:PointLight3D = new PointLight3D();
var phongShader = new PhongShader(light, 0xffffff, 0x333333, 0,  bumpMapData);//bumpMapData　凸凹をつけるための白黒画像
var mat = new ShadedMaterial( bitmapData, phongShader);//bitmapData 基の画像
var sphere = new Sphere(mat,300, 20,20);
_world.addChild( sphere );

PhongShaderサンプル
ぼこぼこ楽しい。

最近Pixcel3Dがなんだか流行っているので、
なんとなくPlaneを使ったBitmap Fontをつくってみる。

とりあえず今回は英数と記号少しで断念。
ちと飽きました。
時間みて違うフォントもつくってみたいと思う。

Fontサンプル

使い方はとっても簡単です。

var fontMate:ColorMaterial = new ColorMaterial(0xffffff);
fontTest = new BitmapFont3D("oreore", fontMate);

_world.addChild(DisplayObject3D(fontTest));

通常は左寄せになります。
centerにしたい場合は第3引数に”center”を指定すれば変更できます。
右寄せはなんとなくつくってません。

fontTest = new BitmapFont3D("oreore", fontMate,"center");

各ブロックへのアクセスは

BitmapFont3Dにletterにブロック1つづつが入っています。
こんな感じでアクセス

var fontMate:ColorMaterial = new ColorMaterial(0xffffff);
fontTest = new BitmapFont3D("oreore", fontMate);
fontTest.letter[0].x = 1000;

文字単位でアクセス移動できるのが良いのだろうか。。。

汚いですが、ソースコード一式を上げておきます。
誰か使ってくれると嬉しいです。

カタカナも作りたいな。

Papervision3dにParticleMaterialなるものがあったので
つかってみた。

ただどうしてもBlurを使うとフルスクリーンまでいかなくても、
大きな画面でみたときにもっさりしてしまう。オイラの環境ではFPS17くらいまでおちる。

なのでカラーマトリクスをつかってやってみたら、こんどは描画された線が消えなくなりました。
むー、これはこれで綺麗だからよいのか。
でもうまく使いこなせてない。

ちょっと２Dでも同様にBlurフィルターて大きくなるともっさりするので
以前みたコチラを無理やりすぎるほどなコードで実装してみた。

最近flash業界ではBitmapが流行ってきてるけど、
実際大きく描画するとどうしも重くなので、1/2～1/4のサイズで作成したものを
ブラウザサイズまで引き伸ばして使うことになるのか？

そう考えるとしばらくはドットを使ったデザインが増えそうな気がする。
今FlashPlayerはようやくファミコンの描画に追いついたイメージなのかな
Bitmap処理が格段にあがっていけば、メガドライブやプレステの様な描画を
フルHDでしても快適に動くようになっていくのだろう。

なんだか怖い。
でも楽しそうな未来なのだ。
私みたいなデタラメなコードを書いても軽快にうごくFlashPlayerが早く
登場するといいな。

3D空間を扱うときはあまり（？）3D空間に急に物体が現れることはないと思ったので
今回はシングルトンクラス内でオブジェクトを生成してみた。
なぜかクリック処理までシングルトン内にあるのでやっぱりオブジェクトの生成は
progressionでやるほうがよいのかな。
なにわともあれもう少し小奇麗にしたい。

使い方は
progressionのIndexScenシーンなりで
SingletonPv3d.getInstance();
_onLoad　や　_onInit内でaddChildしてあげればよいだけ。

あとレンダリングはコンストラクタで行うと
マウスカーソルがチカチカする；
どうしてかな。。。。？

サンプル

ソースコードはこんな感じ。

今きづいたけど、シーン移動中にPlaneをクリックすると
クリックしたシーンに移動してないな。
やっぱりprogression側でカメラの移動したほうが綺麗かも。。
うーん、でもねむいのでまたにする。

SingletonPv3d.as

	public class SingletonPv3d extends Sprite
	{
		static private var _instance:SingletonPv3d;
		private var plane:Plane;
		private var basicBiew:BasicView;
		private var world:DisplayObject3D;
		private var planeCollection:/*DisplayObject3D*/Array;
		private var progression:Progression;

		public function SingletonPv3d(singletonEnforcer:SingletonEnforcer)
		{
			if (singletonEnforcer == null) {
				throw Error("++++SingletonPv3d ERROR!!++++");
			}
		}

		public static function getInstance():SingletonPv3d
		{
			if (!SingletonPv3d._instance)
			{
				SingletonPv3d._instance = new SingletonPv3d(new SingletonEnforcer());
				_instance.drawWorld();

			}
			return SingletonPv3d._instance;
		}

		public function aaaa():void {
			drawWorld();
		}

		private function drawWorld():void
		{
			～～～省略～～～
			//--------------------------------------------------------------------------
			//  basic biewの作成
			//--------------------------------------------------------------------------
			basicBiew = new BasicView(500,500,true,true,"Target");
			addChild(basicBiew);

			//  カメラの設定
			//  オブジェクトの作成などを行う
			～～～省略～～～

			/// イベント処理
			basicBiew.addEventListener(Event.ADDED_TO_STAGE, onStage);

		}

		/// 配置待ち
		private function onStage(e:Event):void
		{
			progression = getProgressionById("index");
			basicBiew.removeEventListener(Event.ADDED_TO_STAGE, onStage);
		}

		/// basicBiew
		public function getBasicBiew():BasicView{return basicBiew;}

		/// world
		public function getWorld():DisplayObject3D{return world;}

		/// camera
		public function getCamera():CameraObject3D{return basicBiew.camera;}

		/// objectの取得
		public function getCollection():Array{return planeCollection;}

		public function startRendering():void{basicBiew.startRendering();}

	}
}

class SingletonEnforcer { }

IndexScene.as

/**
 * コンストラクタ
 */
public function IndexScene() {
	// ブラウザ同期時に出力したいタイトルを設定します。
	//title = "MyProject_2";

	/// シーンを作成
	var n:int = 40;
	for (var i:int = 1; i < n; i++)
	{
		var scene:MyScene = new MyScene(String(i));
		addScene(scene);
	}

	/// シングルトンクラスでPV3Dの3Dシーンを作成
	singletonPv3d = SingletonPv3d.getInstance();

}

/**
 * シーン移動時に目的地がシーンオブジェクト自身もしくは子階層だった場合に、階層が変更された瞬間に送出されます。
 * このイベント処理の実行中には、addCommand() メソッド、及び insertCommand() メソッドによるコマンドの同期処理が行えます。
 */
protected override function _onLoad():void {
	// 実行したいコマンドを登録します。

	/// PV3DをprogressionにAddChildする
	progression.container.addChild(singletonPv3d);

	/// PV3Dのレンダリングを開始
	singletonPv3d.startRendering();

	addCommand(

	);
}

最後になりますが、ソースコード一式あげておきます。
MySceneクラスにBallとか変なクラスあるので削除してお使いください。
サンプル　sauce一式

papervision3dを使用してて曲面とか表現したいと思って調べたらやっぱりあった。
planeなどの座標を移動してうねうねさせることができる。

ダウンロード：http://code.google.com/p/as3dmod/

Bloot　サンプル
Bend　サンプル

使用方法はModifierStackにうねうねさせたい物体を渡すだけ

oreMate = new CompositeMaterial();
oreMate.addMaterial(wfm);
oreMate.addMaterial(vsm);
oreMate.doubleSided = true;

plane = new Plane(oreMate, 300, 200, 18, 18);
plane.y = 100;
plane.x = 0;
viewPort.scene.addChild(plane);

shase = new Phase();
modifierStack = new ModifierStack(new LibraryPv3d(), plane);
bloat = new Bloat();
modifierStack.addModifier(bloat);
modifierStack.apply();

サンプル2

・Bloat-ポイントを設定し、ポイント周囲のオブジェクトを膨張？させる
　r:球の半径　x:球のx座標　y:球のy座標　z:球のz座標　a:???

・Bend -オブジェクトを曲げる
　force：曲げる値　offset:　オフセット(0～1)　constraint:曲げる位置(-1～1)
　bendAxis:???　pointAxis:???

・Noise-ランダムな動き
　force:大きさ

・Twis-オブジェクトをねじる
　angle：ねじる角度　vector:曲げる位置(0, 1, 0)　center:曲げの中心? Vector3D(0, 0, 0)

・Perlin-波うつような動作
　setFalloffで波打つ

・Taper-オブジェクトを先細（先広）に変形
　
・Skew-オブジェクトを傾斜させる

BasicViewをつかってみる

前回から変更した点は、
BasicViewを使うのでカメラやシーンがBasicViewをnewしたときにカメラやシーン作成される為に、個別に作成する手間はなくなります。
以前、一番簡単な方法で3Ｄを作成した時はBasicViewクラスを継承して作成しました。この場合もカメラやシーンを生成することなく、
オブジェクトのみを作成すれば良かったわけですが、ようやく意味が分かった気がします。

papervision3dでは以下の様なステップで3D表現を創りだすことができているようです。

1.ビューポートの作成
3Ｄ空間を表示する画面のようなものを作成します。この範囲にあるものだけが描画されることになります。実際にはカメラで撮影された表示がレンダリングによってビューポートに表示されることになります。

2.カメラの作成
3Ｄ空間を撮影する為のカメラを定義します。

3.3Ｄシーンの作成
papervision3dではシーンにaddChildすることでオブジェクトが表示されます。

4.レンダリングエンジンの作成
レンダリングを行うためのレンダーを定義します。

5.オブジェクトを作成
3Ｄ空間に投影したい形状を定義します。形状を定義する場合は、マテリアル（テクスチャ）を定義してから、形状を定義するイメージです。
最後にシーンにaddChildすることを忘れずに。。

6.レンダリングを行う
1～5まで行ってきた作業を3Ｄで表示してくれるものです。

以前作成したものよりも、
コードは長いですが、実際にやっていることは同じです。それはBasicViewクラスの中身を見れば明確でした。以下BasicViewクラスの一部です。以前は見ても何がなんだかでしたが、こうやって１つずつ見ていくと理解できるものですね。

public function BasicView(viewportWidth:Number = 640, viewportHeight:Number = 480, scaleToStage:Boolean = true, interactive:Boolean = false, cameraType:String = "Target")
{

	super();

	//シーンの作成

	scene = new Scene3D();

	//ビューポートの作成

	viewport = new Viewport3D(viewportWidth, viewportHeight, scaleToStage, interactive);

	addChild(viewport);

	//レンダリングエンジンの作成

	renderer = new BasicRenderEngine();

	//カメラの設定

	switch(cameraType)

	{

		case CameraType.DEBUG:

			_camera = new DebugCamera3D(viewport);

			break;

		case CameraType.TARGET:

			_camera = new Camera3D(60);

			_camera.target = DisplayObject3D.ZERO;

			break;

		case CameraType.SPRING:

			_camera = new SpringCamera3D();

			_camera.target = DisplayObject3D.ZERO;

			break;

		case CameraType.FREE:

		default:

			_camera = new Camera3D(60);

			break;

	}

	cameraAsCamera3D.update(viewport.sizeRectangle);

今回作成したものはコチラです。

ひとまず何か形にできないと勉強できない人間なので、訳も分からず一番簡単な方法で3Dオブジェクトを表示することから始めます。

papervision3dでは、BasicViewやReflectionViewを継承することでオブジェクトの追加のみで簡単に3D空間にオブジェクトを配置できるようになっています。
まずは必要なクラスをimportします。

// 必要なライブラリをインポートします
	import org.papervision3d.materials.ColorMaterial;
	import org.papervision3d.materials.special.CompositeMaterial;
	import org.papervision3d.lights.PointLight3D;
	import org.papervision3d.materials.shadematerials.FlatShadeMaterial;
	import org.papervision3d.materials.WireframeMaterial;
	import org.papervision3d.objects.primitives.Plane;
	import org.papervision3d.objects.primitives.Sphere;
	import org.papervision3d.view.BasicView;
	import org.papervision3d.core.effects.view.ReflectionView;

次にカメラの位置設定を行う今回はｙの位置を200に設定して少し上から見た状態にしました。ｙを0にするとあとで作成する床がみえません。

	//カメラ位置////////////////////////////////////////////////
			camera.y = 200;

オブジェクトの作成

//床の作成//////////////////////////////////////////////////

/*テクスチャを作成*/
var wm:WireframeMaterial = new WireframeMaterial();
var col:ColorMaterial = new ColorMaterial(0xffffff, 0.5);
var co:CompositeMaterial = new CompositeMaterial();
co.addMaterial(wm);
co.addMaterial(col);

板状のオブジェクトを作成　引数は（テクスチャ,横方向のポリゴン分割数、縦方向のポリゴン分割数）
var floor:Plane = new Plane(co, 1000, 1000, 6, 6);
floor.pitch( -90);//90度回転（rotationXでもまわる）

//床を3Dシーンに表示(PV3DではsceneにaddChildすることで表示されます)
scene.addChild(floor);

// 球面を作成///////////////////////////////////////////////
var material: CompositeMaterial = new CompositeMaterial();
material.addMaterial(new WireframeMaterial(0xff6633));
material.addMaterial(new ColorMaterial(0xdcdcdc));

ball = new Sphere(material, 100, 8, 8);
ball.y = 100;

// 球面を3Dシーンに表示//////////////////////////////////////
scene.addChild(ball);

最後にenterFrameでレンダリングを行うことで描画される？のですが、
今回はReflectionViewを継承して作成しているので　singleRender();を使用しないと描画されませんでした。
BasicViewの場合はstartRendering();で描画できるのですが、この辺の理解にはまだ届いていません。

今回の作成方法はほぼオブジェクトを作成するだけで簡単に3D表示が行えますが、皆様が仰るようになにをやってるの理解しづらいと思いました。
つぎはもう少し面倒くさい方法で作成し、理解を深める。

それにしてもwonderflは便利ですね。そして文章書くのてかなり面倒だ。でも誰かに理解してもらえるように書くことは自分の理解にもつながるので頑張ってこいつの軌跡を残してみる。