// Mesh + Geometry = Plane(Triangle)
var mesh:Mesh = new Mesh();			
var attributes:Array = new Array();
attributes[0] = VertexAttributes.POSITION;
attributes[1] = VertexAttributes.POSITION;
attributes[2] = VertexAttributes.POSITION;
attributes[3] = VertexAttributes.TEXCOORDS[0];
attributes[4] = VertexAttributes.TEXCOORDS[0];

// Geometry
var geometry:Geometry = new Geometry(6);	// 頂点数 3x2=6
geometry.addVertexStream(attributes);
						
// x,y,z
var pos:Vector. = geometry.getAttributeValues(VertexAttributes.POSITION);
for (var i:uint=0; i < geometry.numVertices/2; i++){	
	pos[i*3 ]	 = 200*Math.random() - 100;		// 適当に3点作る
	pos[i*3 + 1] = 200*Math.random() - 100;
	pos[i*3 + 2] = 200*Math.random() - 100;
}
geometry.setAttributeValues(VertexAttributes.POSITION, pos );
			
// u,v
pos = Vector.([0, 0, 0, 1, 1, 1, 0, 0, 0, 1, 1, 1]);
geometry.setAttributeValues(VertexAttributes.TEXCOORDS[0], pos );
			
// indices
geometry.indices = Vector.([0, 1, 2, 2, 1, 0]);	// 両面なので頂点使い回し
			
// Material 貼付け
mesh.addSurface( fillMaterial, 0, 2 ); // 0
mesh.setMaterialToAllSurfaces(texMaterial);	// meshにaddSurfaceされてないとそもそもsetMaterialToAllSurfaces使えない
			
// meshのgeometryと紐付け、sceneに追加
mesh.geometry = geometry;
_objs[0] = scene.addChild(mesh);

Planeの頂点操作をやってみる

var geo:Geometry = _objs[0].geometry;
var pos:Vector. = geo.getAttributeValues(VertexAttributes.POSITION);
var numVertex:uint = geo.numVertices;
var theta:Number = count * 10 * rad;
for (var i:int = 0; i < numVertex; i++){
	pos[uint(i * 3 + 2)] = 20 * Math.sin(theta + (i / 2 >> 0) * 4 * rad);
}
geo.setAttributeValues(VertexAttributes.POSITION, pos);
geo.upload(stage3D.context3D);

WireFrame

var vec:Vector. = new Vector.;	// 頂点配列
var wf_L:WireFrame = WireFrame.createLinesList( vec, 0x00FFFF );		// 線を1本ずつ引いていく。奇数からのラインは無視されるみたい。(1→2,3→4 etc) 
var wf_C:WireFrame = WireFrame.createLineStrip( vec, 0xFFFFFF );		// 線をひとまとめとして引いてくれる。
var wf_R:WireFrame = WireFrame.createEdges( plane, 0xFF00FF );		// Meshオブジェクトから線を引いてくれる。

if(line) scene.removeChild(line);
vec.push( new Vector3D( X, Y, Z) );
line = WireFrame.createEdges( vec, 0xeeeeee );
scene.addChild(line);
WireGeometry( line.getResources()[0] ).upload(context3D);

配列の1つめにWireGeometryが入ってたので
それを改めてStage3Dにuploadしてやるといけた。

ちなみに頂点操作したMeshをWireFrame.createEdgesでlineだけ描画する場合は
Stage3DにuploadするのはWireFrameのGeometryだけで大丈夫。
なのでPlaneをsceneに追加もしなくていいし頂点操作後のgeometry.uploaも必要なし。

これはSphereをWireFrame.createEdgesしたやつ。

デカルト座標から極座標変換

で、3Dグラフィックでごにょごにょ遊ぶ時にどうしても座標変換が必要になったので、
座標変換のメモ。デカルト座標（ｘ，ｙ，ｚ）と極座標（ρ，θ，φ）の変換は

x = r * sinθ * cosφ
y = r * sinθ * sinφ
z = r * cosθ			

できたやつ（完全にアウトー

と、こんな感じのことをいろいろ覚えたので早速ビジュアライザーで遊んでみた。
どこかにこれ使ってもいいよっていう音とか映像、優しいPV持ってる人とかっていないのかな。。？
（ちらっと調べたら日本のPV以外はそもそも著作権とかないとか書いてあったんだけどほんと？？）

（ 2012.4.5 → って言ってたらPerfume Global Siteでモーションキャプチャデータ&楽曲データ配布が始まった！！それでつくったのはこっち。）


下のサムネをクリックで始まるよ。軽さとか考えずにとりあえずで作ったら超重い。。それでもGPU使えればFPS35くらいは出てるの確認。頂点の数を調整したら大分変わるね。:-) 始まるまで10秒くらいかかるかも。サビ位まで見てみて下さいw　ayakotaniguchi.jp みたいに格好良くビジュアライズってのはまだまだ先ですねw

To view this page ensure that Adobe Flash Player version 11.0.0 or greater is installed. 

全画面で見る時はこちら。

とりあえずこの筆でしばらく遊んでみようかなぁ。楽しい。:-)

you

]]>