YAIMO BLOG » Material http://blog.yaimo.net 会津の大食いFlasher!!　WordPress, iPhone, Progression, FlashDevelop他 Thu, 29 Jul 2010 12:26:10 +0000 ja hourly 1 http://wordpress.org/?v=3.0 Papervision3d　はじめの13歩 Material particleMaterial http://blog.yaimo.net/2009/06/24/669/ http://blog.yaimo.net/2009/06/24/669/#comments Wed, 24 Jun 2009 05:30:03 +0000 admin http://blog.yaimo.net/?p=669 ParticleMaterial を継承 A Particle material that is made from BitmapData object 参考:http://wonderfl.net/code/0688c09a8c7f1400f72b89ffdf41954bb1284ed9 BitmapParticleMaterial(bitmap:BitmapData) こんな感じに使えばおｋ private var field:ParticleField; var mat2:BitmapParticleMaterial = new BitmapParticleMaterial(target.bitmapData ); //mat2.doubleSided = true; field = new ParticleField(mat2, 50, 1, 1000, 1000, 1000); 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 [...]]]> particleMaterialのBitmapバージョン
BitmapParticleMaterial -> ParticleMaterial を継承
A Particle material that is made from BitmapData object

参考:http://wonderfl.net/code/0688c09a8c7f1400f72b89ffdf41954bb1284ed9

BitmapParticleMaterial(bitmap:BitmapData)




こんな感じに使えばおｋ

private var field:ParticleField;
var mat2:BitmapParticleMaterial = new BitmapParticleMaterial(target.bitmapData );
//mat2.doubleSided = true;
field = new ParticleField(mat2, 50, 1, 1000, 1000, 1000);




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

package 
{
	import flash.display.Loader;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.net.URLRequest;
	import org.papervision3d.materials.*;
	import org.papervision3d.materials.special.BitmapParticleMaterial;
	import org.papervision3d.materials.special.ParticleMaterial;
	import org.papervision3d.objects.special.ParticleField;
	import org.papervision3d.view.BasicView;
	import flash.display.BitmapData;
	import flash.display.Bitmap;
	import flash.display.DisplayObject;
 
	[SWF(width = "640", height = "480", backgroundColor = "0x000000", frameRate = "24")]
 
 
	public class Main extends Sprite 
	{
		private var basicview:BasicView;
		private var field:ParticleField;
 
		public function Main():void 
		{
			if (stage) init();
			else addEventListener(Event.ADDED_TO_STAGE, init);
		}
 
		private function init(e:Event = null):void 
		{
			removeEventListener(Event.ADDED_TO_STAGE, init);
			// entry point
			basicview = new BasicView(640, 480);
			var mat:ParticleMaterial = new ParticleMaterial(0x00FF40, 1);
 
			var loader:Loader = new Loader();
			loader.load(new URLRequest("img/test1.jpg"));
			loader.contentLoaderInfo.addEventListener(Event.COMPLETE, compHandler);
 
 
		}
 
		private function enterFrameHandler(e:Event):void 
		{
			field.rotationX += 1;
			field.rotationY += 1;
			field.rotationZ += 1;
 
		}
 
		private function compHandler(e:Event):void 
		{
			var target:Bitmap = e.target.content as Bitmap;
			trace(target.width);
 
			var mat:ParticleMaterial = new ParticleMaterial(0x00FF00, 1);
			var mat2:BitmapParticleMaterial = new BitmapParticleMaterial(target.bitmapData );
			//mat2.doubleSided = true;
 
			field = new ParticleField(mat2, 50, 1, 1000, 1000, 1000);
 
 
			basicview.scene.addChild(field);
			basicview.startRendering();
			addChild(basicview);
			addEventListener(Event.ENTER_FRAME, enterFrameHandler);
		}
	}
 
}


関連する投稿

]]> http://blog.yaimo.net/2009/06/24/669/feed/ 0 Papervision3d　はじめの12歩 Material BitmapViewport3D http://blog.yaimo.net/2009/06/18/576/ http://blog.yaimo.net/2009/06/18/576/#comments Thu, 18 Jun 2009 06:55:50 +0000 admin http://blog.yaimo.net/?p=576 なかなか思うように移すのがむずかすぃ。

Viewportの幅と、高さ同じにしてPlaneの大きさも同じにしたはずだけど小さくなった。
なぜなぜ？

登録の仕方として2つ方法で試してみた！
  1. BasicViewを使用する方法

  2. BasicViewを使用しない方法(BasicViewを継承したクラスじゃないと出来ないっぽいので１推奨かな。)




BasicViewを使用する方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

package 
{
	import org.papervision3d.cameras.Camera3D;
	import org.papervision3d.materials.*;
	import org.papervision3d.objects.primitives.Plane;
	import org.papervision3d.render.BasicRenderEngine;
	import org.papervision3d.scenes.Scene3D;
	import org.papervision3d.view.BasicView;
	import flash.events.Event;
	import flash.display.*;
	import org.papervision3d.view.BitmapViewport3D;
	import org.papervision3d.view.Viewport3D;
 
	[SWF(width = "640", height = "480", backgroundColor = "0x000000", frameRate = "24")]
 
 
	public class Main extends Sprite 
	{
		private var colopPlane:Plane;
		private var bmpviewPlane:Plane;
		private var render:BasicRenderEngine;
		private var scene:Scene3D;
		private var camera:Camera3D;
		private var viewport:Viewport3D;
		private var bitmapViewprot:BitmapViewport3D;
 
		public function Main():void 
		{
			if (stage) init();
			else addEventListener(Event.ADDED_TO_STAGE, init);
		}
 
		private function init(e:Event = null):void 
		{
			removeEventListener(Event.ADDED_TO_STAGE, init);
			stage.scaleMode = StageScaleMode.NO_SCALE;
			stage.align = StageAlign.TOP_LEFT;
 
			viewport = new Viewport3D(640,480);
			camera = new Camera3D();
			scene = new Scene3D();
			render = new BasicRenderEngine();
 
			addChild(viewport);
 
 
 
			var colorMaterial:ColorMaterial = new ColorMaterial(0xFF8000, 1, true);
			colorMaterial.doubleSided = true;
 
			colorMaterial.smooth = true;
			colopPlane = new Plane(colorMaterial, 400, 400, 1, 1);
			colopPlane.x = -500;
			colopPlane.y = -300;
 
			scene.addChild(colopPlane);
 
			/*** BitmapViewport設定 ***/
			bitmapViewprot = new BitmapViewport3D(640,480,false,false,0xFFFF00);
			var bitmapViewMat:BitmapViewportMaterial = new BitmapViewportMaterial(bitmapViewprot);
			bmpviewPlane = new Plane(bitmapViewMat, 640, 480);
			bmpviewPlane.x = 200;
			bmpviewPlane.y = 200;
 
			scene.addChild(bmpviewPlane);
 
 
			addEventListener(Event.ENTER_FRAME, onFrameHandler);
		}
		private function onFrameHandler(e:Event):void 
		{
 
			colopPlane.rotationX += 1;
			colopPlane.rotationY += 3;
			colopPlane.rotationZ += 6;
 
			render.renderScene(scene, camera, viewport);
			render.renderScene(scene, camera, bitmapViewprot );
		}
 
	}
 
}


BasicViewを使用しない方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84

package 
{
	import org.papervision3d.cameras.Camera3D;
	import org.papervision3d.materials.*;
	import org.papervision3d.objects.primitives.Plane;
	import org.papervision3d.render.BasicRenderEngine;
	import org.papervision3d.scenes.Scene3D;
	import org.papervision3d.view.BasicView;
	import flash.events.Event;
	import flash.display.*;
	import org.papervision3d.view.BitmapViewport3D;
	import org.papervision3d.view.Viewport3D;
 
	[SWF(width = "640", height = "480", backgroundColor = "0x000000", frameRate = "24")]
 
 
	public class Main2 extends BasicView
	{
		private var colopPlane:Plane;
		private var bmpviewPlane:Plane;
 
		private var bitmapViewprot:BitmapViewport3D;
		private var bmscene:Scene3D;
 
		public function Main2():void 
		{
			if (stage) init();
			else addEventListener(Event.ADDED_TO_STAGE, init);
		}
 
		private function init(e:Event = null):void 
		{
			removeEventListener(Event.ADDED_TO_STAGE, init);
			stage.scaleMode = StageScaleMode.NO_SCALE;
			stage.align = StageAlign.TOP_LEFT;
 
 
 
 
			var colorMaterial:ColorMaterial = new ColorMaterial(0xFF8000, 1, true);
			colorMaterial.doubleSided = true;
 
			colorMaterial.smooth = true;
			colopPlane = new Plane(colorMaterial, 400, 400, 1, 1);
			colopPlane.x = -500;
			colopPlane.y = -300;
 
 
			/*** BitmapViewport設定 ***/
			bitmapViewprot = new BitmapViewport3D(640,480,false,false,0xFFFF00);
			var bitmapViewMat:BitmapViewportMaterial = new BitmapViewportMaterial(bitmapViewprot);
			bmpviewPlane = new Plane(bitmapViewMat, 640, 480);
			bmpviewPlane.x = 200;
			bmpviewPlane.y = 200;
 
			/*** basicView ***/
			scene.addChild(colopPlane);
			scene.addChild(bmpviewPlane);
			startRendering();
 
			var test:BasicView = new BasicView();
 
 
			addEventListener(Event.ENTER_FRAME, onFrameHandler);
		}
 
 
		override protected function onRenderTick(event:Event=null):void 
		{
			this.renderer.renderScene(this.scene, this.camera, this.bitmapViewprot);
			super.onRenderTick();
		}
 
		private function onFrameHandler(e:Event):void 
		{
 
			colopPlane.rotationX += 1;
			colopPlane.rotationY += 3;
			colopPlane.rotationZ += 6;
		}
 
	}
 
}


関連する投稿

]]> http://blog.yaimo.net/2009/06/18/576/feed/ 0 Papervision3d　はじめの11歩 Material BitmapColorMaterial http://blog.yaimo.net/2009/06/17/561/ http://blog.yaimo.net/2009/06/17/561/#comments Wed, 17 Jun 2009 11:57:21 +0000 admin http://blog.yaimo.net/?p=561 激しくBitmapColorMaterialとColorMaterialの違いがわからなかった。
ぐぐったら以下のエントリーを発見したのでめも。
どうやらColorMaterialとの違いは
  1. 第3引数でinteractiveを設定できない。(プロパティーで設定可能)

  2. ColorMaterialが速い

  3. Graphics コマンドを BitmapData に drawしている

  4. smoothプロパティが設定可能

smoothプロパティはMaterialObject3Dにあるので継承していればその恩恵がうけられるけど、
このプロパティーはBitmapColorMaterial と BitmapWireframeMaterialのみらしい。ほー勉強になるわ。。
smoothプロパティ
1.colorMaterial:false,bmpColorMaterial:false デモ
2.colorMaterial:false,bmpColorMaterial:true デモ
3.colorMaterial:true,bmpColorMaterial:true デモ




package
{
	import org.papervision3d.materials.BitmapColorMaterial;
	import org.papervision3d.materials.ColorMaterial;
	import org.papervision3d.objects.primitives.Plane;
	import org.papervision3d.view.BasicView;
	import flash.events.Event;
	import flash.display.Sprite;
	import flash.display.*;
 
	/**
	 * ...
	 * @author yaimo
	 */
	[SWF(width = "640", height = "480", backgroundColor = "0x000000", frameRate = "24")]
 
	public class Main extends Sprite
	{
		private var bmpColorPlane:Plane;
		private var colopPlane:Plane;
 
		public function Main():void
		{
			if (stage) init();
			else addEventListener(Event.ADDED_TO_STAGE, init);
		}
 
		private function init(e:Event = null):void
		{
			stage.scaleMode = StageScaleMode.NO_SCALE;
			stage.align = StageAlign.TOP_LEFT;
 
			var bmpColorMaterial:BitmapColorMaterial = new BitmapColorMaterial(0xFF0080, 1);
			bmpColorMaterial.doubleSided = true;
			var colorMaterial:ColorMaterial = new ColorMaterial(0xFF8000, 1, true);
			colorMaterial.doubleSided = true;
 
			//DisplayObject3Dで定義されているため使用できるが適用されない
			colorMaterial.smooth = true;
			//追加
			bmpColorMaterial.smooth = true;
 
			bmpColorPlane = new Plane(bmpColorMaterial, 400, 400,1,1);
			colopPlane = new Plane(colorMaterial, 400, 400, 1, 1);
 
			colopPlane.x = -200;
			colopPlane.y = -200;
 
			bmpColorPlane.x = 200;
			bmpColorPlane.y = 200;
 
			var basicBiew:BasicView = new BasicView();
 
			basicBiew.scene.addChild(bmpColorPlane);
			basicBiew.scene.addChild(colopPlane);
 
			addChild(basicBiew);
 
			basicBiew.startRendering();
			addEventListener(Event.ENTER_FRAME, onFrameHandler);
		}
		private function onFrameHandler(e:Event):void
		{
			bmpColorPlane.rotationX += 1;
			bmpColorPlane.rotationY += 3;
			bmpColorPlane.rotationZ += 6;
 
			colopPlane.rotationX += 1;
			colopPlane.rotationY += 3;
			colopPlane.rotationZ += 6;
		}
 
	}
 
}


関連する投稿

]]> http://blog.yaimo.net/2009/06/17/561/feed/ 0 Papervision3d　はじめの9歩 Material ShadedMaterial http://blog.yaimo.net/2009/06/07/521/ http://blog.yaimo.net/2009/06/07/521/#comments Sun, 07 Jun 2009 09:45:55 +0000 admin http://blog.yaimo.net/?p=521 FlatShadeMaterialは、ColorMaterialの陰影つけられる位置づけという感じで捉えたほうがいいのかな？
じゃぁ、BitMapMaterialに陰影つけるにはどーすればいいの！っていう時は、ShadedMaterialを使えばいいらしい。

ShadedMaterial(material:BitmapMaterial, shader:Shader, compositeMode:int = 0)
material : BitmapMaterial
shader : Shader
shaderCompositeMode : int  shaderの合成モード

Shaderは陰影をつける方法：
第2引数のShaderには色々種類があってこのShaderによって陰影のつき方がかわってくるらしい。

イメージ：
画像データ(BitMapMaterial)+陰影をつける方法(Shader(ライト+影の色の設定))
で作ったマテリアルがShadedMaterialというイメージかな？

メモ：
shaderについてはまた今度やろう。なんかこの陰影のつき方はかかり具合が厄介らしい。
セグメントの数と、影の色で色々大変みたいです。

			var light:PointLight3D = new PointLight3D();
			var bmpMaterial:BitmapMaterial = BitmapMaterial(new BitmapFileMaterial("img/test1.jpg"));
			var flatShade:FlatShader = new FlatShader(light, 0x0000FF,0xFF8040);
 
			var shadedMaterial:ShadedMaterial = new ShadedMaterial(bmpMaterial, flatShade);
			var materialsList:MaterialsList = new MaterialsList( {
				all: shadedMaterial
			});
 
			cube = new Cube(materialsList, 200, 200, 200, 10, 10, 10);
			sphere = new Sphere(shadedMaterial,200,20,20);




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77

package 
{
	import flash.display.Sprite;
	import flash.events.Event;
	import org.papervision3d.lights.PointLight3D;
	import org.papervision3d.materials.BitmapFileMaterial;
	import org.papervision3d.materials.BitmapMaterial;
	import org.papervision3d.materials.ColorMaterial;
	import org.papervision3d.materials.shadematerials.FlatShadeMaterial;
	import org.papervision3d.materials.shaders.FlatShader;
	import org.papervision3d.materials.shaders.ShadedMaterial;
	import org.papervision3d.objects.primitives.Cube;
	import org.papervision3d.materials.utils.MaterialsList;
	import org.papervision3d.objects.primitives.Sphere;
	import org.papervision3d.view.BasicView;
	import flash.display.BitmapData;
 
	[SWF(width = "640", height = "480", backgroundColor = "0xFFFFFF", frameRate = "24")]
 
 
	public class Main extends Sprite 
	{
		private var cube:Cube;
		private var sphere:Sphere;
 
		public function Main():void 
		{
			if (stage) init();
			else addEventListener(Event.ADDED_TO_STAGE, init);
		}
 
		private function init(e:Event = null):void 
		{
			removeEventListener(Event.ADDED_TO_STAGE, init);
			// entry point
			var light:PointLight3D = new PointLight3D();
			var bmpMaterial:BitmapMaterial = BitmapMaterial(new BitmapFileMaterial("img/test1.jpg"));
			var flatShade:FlatShader = new FlatShader(light, 0xFF0080,0xFF8040);
 
			var shadedMaterial:ShadedMaterial = new ShadedMaterial(bmpMaterial, flatShade);
			var materialsList:MaterialsList = new MaterialsList( {
				all: shadedMaterial
				//back: new FlatShadeMaterial(light,0x00FFFF),
				//right: new FlatShadeMaterial(light,0x800080),
				//left: new FlatShadeMaterial(light,0xFFFFFF),
				//top: new FlatShadeMaterial(light,0x808000),
				//bottom: new FlatShadeMaterial(light,0xFF8000)
			});
 
			cube = new Cube(materialsList, 200, 200, 200, 10, 10, 10);
			sphere = new Sphere(shadedMaterial,200,20,20);
			sphere.x = -200;
			cube.x = 200;
 
			var basicView:BasicView = new BasicView(640, 480);
			basicView.scene.addChild(sphere);
			basicView.scene.addChild(cube);
 
			basicView.startRendering();
			addChild(basicView);
			addEventListener(Event.ENTER_FRAME, onFrameHandler);
		}
 
		private function onFrameHandler(e:Event):void 
		{
			cube.rotationX += 5;
			cube.rotationY += 4;
			cube.rotationZ += 3;
 
			sphere.rotationX += 5;
			sphere.rotationY += 4;
			sphere.rotationZ += 3;
		}
 
	}
 
}


関連する投稿

]]> http://blog.yaimo.net/2009/06/07/521/feed/ 0 Papervision3d　はじめの8歩 Material FlatShadeMaterial http://blog.yaimo.net/2009/06/06/505/ http://blog.yaimo.net/2009/06/06/505/#comments Sat, 06 Jun 2009 08:05:30 +0000 admin http://blog.yaimo.net/?p=505 Materialっていっぱいあるなー。。たぶん実践で使えるのはかぎられてくるけども、
あたらしくlightっていうのもでてきた！lightは、光源のために使うっぽい？光の色は設定するのかな？
とりあえず、デフォルトで使用。
光が当たっていればマテリアルの色とオブジェクトの影の色の設定すれば反映される。
とりあえず、わかった所からどんどん潜っていこうという方針なのでまとまりがなくてすみませぬ。
1日１APIをhackを目標に頑張ります。
progressionは今読んでる本が終わってからｗ本格的にやる！

FlatShadeMaterial(light:LightObject3D, lightColor:uint = 0xffffff, ambientColor:uint = 0×000000, specularLevel:uint = 0)
light:ライトオブジェクトの設定
lightColor;ライトとが当たっている場所の色、ライトが当たっていない所は影なので黒くなる。
ambientColor:環境光 ライトが当たってないところの影の色をどうするかの設定。デフォルトは黒
specularLevel:〔反射光｛はんしゃこう｝が〕、鏡面反射性｝の度合

ambientなし:左
ambientあり:右
　


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

package 
{
	import flash.display.Sprite;
	import flash.events.Event;
	import org.papervision3d.lights.PointLight3D;
	import org.papervision3d.materials.ColorMaterial;
	import org.papervision3d.materials.shadematerials.FlatShadeMaterial;
	import org.papervision3d.objects.primitives.Cube;
	import org.papervision3d.materials.utils.MaterialsList;
	import org.papervision3d.view.BasicView;
 
	[SWF(width = "640", height = "480", backgroundColor = "0xFFFFFF", frameRate = "24")]
 
	public class Main extends Sprite 
	{
		private var cube:Cube;
 
		public function Main():void 
		{
			if (stage) init();
			else addEventListener(Event.ADDED_TO_STAGE, init);
		}
 
		private function init(e:Event = null):void 
		{
			removeEventListener(Event.ADDED_TO_STAGE, init);
			// entry point
			var light:PointLight3D = new PointLight3D();
			var materialsList:MaterialsList = new MaterialsList( {
				front: new FlatShadeMaterial(light,0xFF0080),
				back: new FlatShadeMaterial(light,0x00FFFF),
				right: new FlatShadeMaterial(light,0x800080),
				left: new FlatShadeMaterial(light,0xFFFFFF),
				top: new FlatShadeMaterial(light,0x808000),
				bottom: new FlatShadeMaterial(light,0xFF8000)
			});
 
			cube = new Cube(materialsList, 200, 200, 200, 1, 1, 1);
			var basicView:BasicView = new BasicView(640, 480);
			basicView.scene.addChild(cube);
			basicView.startRendering();
			addChild(basicView);
			addEventListener(Event.ENTER_FRAME, onFrameHandler);
		}
 
		private function onFrameHandler(e:Event):void 
		{
			cube.rotationX += 5;
			cube.rotationY += 4;
			cube.rotationZ += 3;
		}
 
	}
 
}


関連する投稿

]]> http://blog.yaimo.net/2009/06/06/505/feed/ 0