个人学习笔记
1 import fl.events.SliderEvent;
2 import fl.controls.CheckBox;
3 imgselect.setStyle("textFormat",new TextFormat("宋体",14,0xffffff));
4 var sp:Sprite =addChild(new Sprite()) as Sprite;
5 sp.x=stage.stageWidth/2;
6 sp.y=stage.stageHeight/2;
7 sp.z=0;
8 var mypic:Pic=new Pic(0,0);
9 var mypic1:Pic1=new Pic1(0,0);
10 var bitmapData:BitmapData =new BitmapData(a.width,a.height)
11 bitmapData.draw (a)
12 var bitmapData1:BitmapData =new BitmapData(b.width,b.height)
13 bitmapData1.draw (b)
14 var i_num:int=30;//环切片分割数
15 var j_num:int=20;//切片内扇形数
16 var R:Number=30;//环的半径
17 var r:Number=60;//切片的半径
18 var i:int;
19 var j:int;
20 var arr3D:Vector.<Number>;
21 var new_arr3D:Vector.<Number>;//
22 var arr2D:Vector.<Number>;
23 var uvt:Vector.<Number>;
24 var vindicies:Vector.<int>;
25 var mtxworld:Matrix3D=new Matrix3D();//改变点坐标的矩阵
26 var pm:Matrix3D=sp.transform.matrix3D;//实现投影转换的投影 Matrix3D 对象
27 pm.prependTranslation(-137.5,-100,0);
28
29 var Rotation:Boolean;
30 var f:Number=1000;
31 var _oldMousePoint:Point=new Point ;
32 init(R,r,i_num,j_num);
33 function init(R:Number=120,r:Number=30,i_num:int=30,j_num:int=20) {
34 arr3D=new Vector.<Number>();
35 arr2D=new Vector.<Number>();
36 new_arr3D=Vector.<Number>([]);
37 uvt=Vector.<Number>([]);
38 vindicies=Vector.<int>([]);
39 for (i=0; i<=i_num; i++) {
40 var temp_Rr:Number=R*Math.cos((i/(i_num-10))*(Math.PI /2))+r
41 if(i>i_num-10)temp_Rr=r-(i-(i_num-10))*(r/(i_num-(i_num-10)))
42 for (j=0; j<=j_num; j++) {
43 //var temp_x:Number =-(R+r*Math.cos(j*(2*Math.PI/j_num)))*Math.cos(i*(2*Math.PI/i_num));
44 var temp_x:Number =-temp_Rr*Math.cos(j*(2*Math.PI/j_num))
45 //var temp_z:Number=-r*Math.sin(j*(2*Math.PI/j_num));//trace("j="+j+",y="+temp_y)
46 var temp_z:Number=-temp_Rr*Math.sin(j*(2*Math.PI/j_num))
47 //var temp_y:Number=-(R+r*Math.cos(j*(2*Math.PI/j_num)))*Math.sin(i*(2*Math.PI/i_num));
48 var temp_y:Number=100*(i-i_num)/i_num
49 if(i>i_num-10)temp_y=-100*10/i_num
50 arr3D.push(temp_x,temp_y,temp_z);
51 uvt.push(j/j_num,i/i_num,1);//f/(f+100+temp_z)
52 }
53 }
54 for (i=0; i<i_num; i++) {
55 for (j=0; j<j_num; j++) {
56 vindicies.push(i*(j_num+1)+j,i*(j_num+1)+(j+1),(i+1)*(j_num+1)+(j+1),(i+1)*(j_num+1)+(j+1),(i+1)*(j_num+1)+j,i*(j_num+1)+j);
57 }
58 }
59 render(imgselect.selected);
60 auto_btn.addEventListener(MouseEvent.CLICK, autoHandler);
61 hand_btn.addEventListener(MouseEvent.CLICK, handHandler);
62 mov_btn.addEventListener(MouseEvent.CLICK, movHandler);
63 }
64
65 function render(isFill:Boolean=true,degreX:Number=0,degreY:Number=0,degreZ:Number=0,TranslationX:Number=0,TranslationY:Number=0,TranslationZ:Number=0) {
66 mtxworld.appendRotation(degreX/1,Vector3D.X_AXIS);//后置增量旋转
67 mtxworld.appendRotation(degreY/1,Vector3D.Y_AXIS);
68 mtxworld.appendRotation(degreZ/1,Vector3D.Z_AXIS);
69 mtxworld.appendTranslation(TranslationX,TranslationY,TranslationZ);
70 mtxworld.transformVectors(arr3D,new_arr3D);//new_arr3D获取旋转后的坐标以便得到Z值设置层深
71 Utils3D.projectVectors(pm, new_arr3D, arr2D, uvt);
72 var Z:Array=[];
73 var tempInd:Vector.<int>=new Vector.<int>();//放置重新排列后的画三角形的顺序
74 for (var k=0; k<vindicies.length; k+=3) {
75 var ind:Vector.<int>=vindicies.slice(k,k+3);
76 //vindicies数组中每三个元素一组，绘制成为一个三角形ind
77 //该三角形ind得Z值为三个顶点的平均值;
78 var d:Number=new_arr3D[ind[0]*3+2]+new_arr3D[ind[1]*3+2]+new_arr3D[ind[2]*3+2];
79 Z.push({d:d,ind:ind});
80 }
81 Z.sortOn("d",Array.NUMERIC |Array.DESCENDING );//按数值降序排列，大的先绘制在里，小的后绘制在外
82 for (i=0; i<Z.length; i++) {
83 for (j=0; j<3; j++) {
84 tempInd.push(Z[i].ind[j]);//重新排列所有三角形的顺序
85 }
86 }
87 sp.graphics.clear();
88 //sp.graphics.lineStyle(1,0xffffff);
89 isFill?sp.graphics.beginBitmapFill(bitmapData,null,false):sp.graphics.lineStyle(1,0xffffff);
90 sp.graphics.drawTriangles(arr2D,tempInd,uvt,TriangleCulling.POSITIVE);//
91 isFill?sp.graphics.beginBitmapFill(bitmapData1,null,false):sp.graphics.lineStyle(1,0xffffff);
92 sp.graphics.drawTriangles(arr2D,tempInd,uvt,TriangleCulling.NEGATIVE);//
93 }
94
95 function autoHandler(e:Event ):void {
96 auto_btn.enabled=false;
97 hand_btn.enabled=true;
98 mov_btn.enabled=true;
99 stage.addEventListener(Event.ENTER_FRAME, autoloopHandler);
100 sp.removeEventListener(MouseEvent.MOUSE_DOWN, downHandler);
101
102 }
103 function handHandler(e:Event ):void {
104 Rotation=true;
105 auto_btn.enabled=true;
106 hand_btn.enabled=false;
107 mov_btn.enabled=true;
108 stage.removeEventListener(Event.ENTER_FRAME, autoloopHandler);
109 sp.addEventListener(MouseEvent.MOUSE_DOWN, downHandler);
110
111 }
112 function movHandler(e:Event ):void {
113 Rotation=false;
114 auto_btn.enabled=true;
115 hand_btn.enabled=true;
116 mov_btn.enabled=false;
117 stage.removeEventListener(Event.ENTER_FRAME, autoloopHandler);
118 sp.addEventListener(MouseEvent.MOUSE_DOWN, downHandler);
119
120 }
121
122 function autoloopHandler(e:Event ):void {
123 render(imgselect.selected,Math.random ()*10,Math.random ()*10,Math.random ()*10);
124 }
125 function downHandler(e:Event ):void {
126 Mouse.cursor=MouseCursor.HAND;
127 _oldMousePoint.x=mouseX;
128 _oldMousePoint.y=mouseY;
129 stage.addEventListener(Event.ENTER_FRAME, loopHandler);
130 stage.addEventListener(MouseEvent.MOUSE_UP, upHandler);
131 }
132
133 function loopHandler(e:Event ):void {
134 if (Rotation) {
135 render(imgselect.selected,mouseY-_oldMousePoint.y,-(mouseX-_oldMousePoint.x));
136 } else {
137 render(imgselect.selected,0,0,0,mouseX-_oldMousePoint.x,mouseY-_oldMousePoint.y,0);
138 }
139 _oldMousePoint.x=mouseX;
140 _oldMousePoint.y=mouseY;
141 }
142
143 function upHandler(e:Event ):void {
144 Mouse.cursor=MouseCursor.AUTO;
145 stage.removeEventListener(Event.ENTER_FRAME, loopHandler);
146
147 }
148 imgselect.addEventListener(MouseEvent.CLICK, sliderDrag);
149 i_slider.addEventListener(SliderEvent.THUMB_DRAG, sliderDrag);
150 j_slider.addEventListener(SliderEvent.THUMB_DRAG, sliderDrag);
151 r_slider.addEventListener(SliderEvent.THUMB_DRAG, sliderDrag);
152 R_slider.addEventListener(SliderEvent.THUMB_DRAG, sliderDrag);
153 function sliderDrag(e):void {//:SliderEvent
154 init(R_slider.value,r_slider.value,i_slider.value,j_slider.value);
155 i_txt.text=String(i_slider.value)
156 j_txt.text=String(j_slider.value)
157
158 }
2 import fl.controls.CheckBox;
3 imgselect.setStyle("textFormat",new TextFormat("宋体",14,0xffffff));
4 var sp:Sprite =addChild(new Sprite()) as Sprite;
5 sp.x=stage.stageWidth/2;
6 sp.y=stage.stageHeight/2;
7 sp.z=0;
8 var mypic:Pic=new Pic(0,0);
9 var mypic1:Pic1=new Pic1(0,0);
10 var bitmapData:BitmapData =new BitmapData(a.width,a.height)
11 bitmapData.draw (a)
12 var bitmapData1:BitmapData =new BitmapData(b.width,b.height)
13 bitmapData1.draw (b)
14 var i_num:int=30;//环切片分割数
15 var j_num:int=20;//切片内扇形数
16 var R:Number=30;//环的半径
17 var r:Number=60;//切片的半径
18 var i:int;
19 var j:int;
20 var arr3D:Vector.<Number>;
21 var new_arr3D:Vector.<Number>;//
22 var arr2D:Vector.<Number>;
23 var uvt:Vector.<Number>;
24 var vindicies:Vector.<int>;
25 var mtxworld:Matrix3D=new Matrix3D();//改变点坐标的矩阵
26 var pm:Matrix3D=sp.transform.matrix3D;//实现投影转换的投影 Matrix3D 对象
27 pm.prependTranslation(-137.5,-100,0);
28
29 var Rotation:Boolean;
30 var f:Number=1000;
31 var _oldMousePoint:Point=new Point ;
32 init(R,r,i_num,j_num);
33 function init(R:Number=120,r:Number=30,i_num:int=30,j_num:int=20) {
34 arr3D=new Vector.<Number>();
35 arr2D=new Vector.<Number>();
36 new_arr3D=Vector.<Number>([]);
37 uvt=Vector.<Number>([]);
38 vindicies=Vector.<int>([]);
39 for (i=0; i<=i_num; i++) {
40 var temp_Rr:Number=R*Math.cos((i/(i_num-10))*(Math.PI /2))+r
41 if(i>i_num-10)temp_Rr=r-(i-(i_num-10))*(r/(i_num-(i_num-10)))
42 for (j=0; j<=j_num; j++) {
43 //var temp_x:Number =-(R+r*Math.cos(j*(2*Math.PI/j_num)))*Math.cos(i*(2*Math.PI/i_num));
44 var temp_x:Number =-temp_Rr*Math.cos(j*(2*Math.PI/j_num))
45 //var temp_z:Number=-r*Math.sin(j*(2*Math.PI/j_num));//trace("j="+j+",y="+temp_y)
46 var temp_z:Number=-temp_Rr*Math.sin(j*(2*Math.PI/j_num))
47 //var temp_y:Number=-(R+r*Math.cos(j*(2*Math.PI/j_num)))*Math.sin(i*(2*Math.PI/i_num));
48 var temp_y:Number=100*(i-i_num)/i_num
49 if(i>i_num-10)temp_y=-100*10/i_num
50 arr3D.push(temp_x,temp_y,temp_z);
51 uvt.push(j/j_num,i/i_num,1);//f/(f+100+temp_z)
52 }
53 }
54 for (i=0; i<i_num; i++) {
55 for (j=0; j<j_num; j++) {
56 vindicies.push(i*(j_num+1)+j,i*(j_num+1)+(j+1),(i+1)*(j_num+1)+(j+1),(i+1)*(j_num+1)+(j+1),(i+1)*(j_num+1)+j,i*(j_num+1)+j);
57 }
58 }
59 render(imgselect.selected);
60 auto_btn.addEventListener(MouseEvent.CLICK, autoHandler);
61 hand_btn.addEventListener(MouseEvent.CLICK, handHandler);
62 mov_btn.addEventListener(MouseEvent.CLICK, movHandler);
63 }
64
65 function render(isFill:Boolean=true,degreX:Number=0,degreY:Number=0,degreZ:Number=0,TranslationX:Number=0,TranslationY:Number=0,TranslationZ:Number=0) {
66 mtxworld.appendRotation(degreX/1,Vector3D.X_AXIS);//后置增量旋转
67 mtxworld.appendRotation(degreY/1,Vector3D.Y_AXIS);
68 mtxworld.appendRotation(degreZ/1,Vector3D.Z_AXIS);
69 mtxworld.appendTranslation(TranslationX,TranslationY,TranslationZ);
70 mtxworld.transformVectors(arr3D,new_arr3D);//new_arr3D获取旋转后的坐标以便得到Z值设置层深
71 Utils3D.projectVectors(pm, new_arr3D, arr2D, uvt);
72 var Z:Array=[];
73 var tempInd:Vector.<int>=new Vector.<int>();//放置重新排列后的画三角形的顺序
74 for (var k=0; k<vindicies.length; k+=3) {
75 var ind:Vector.<int>=vindicies.slice(k,k+3);
76 //vindicies数组中每三个元素一组，绘制成为一个三角形ind
77 //该三角形ind得Z值为三个顶点的平均值;
78 var d:Number=new_arr3D[ind[0]*3+2]+new_arr3D[ind[1]*3+2]+new_arr3D[ind[2]*3+2];
79 Z.push({d:d,ind:ind});
80 }
81 Z.sortOn("d",Array.NUMERIC |Array.DESCENDING );//按数值降序排列，大的先绘制在里，小的后绘制在外
82 for (i=0; i<Z.length; i++) {
83 for (j=0; j<3; j++) {
84 tempInd.push(Z[i].ind[j]);//重新排列所有三角形的顺序
85 }
86 }
87 sp.graphics.clear();
88 //sp.graphics.lineStyle(1,0xffffff);
89 isFill?sp.graphics.beginBitmapFill(bitmapData,null,false):sp.graphics.lineStyle(1,0xffffff);
90 sp.graphics.drawTriangles(arr2D,tempInd,uvt,TriangleCulling.POSITIVE);//
91 isFill?sp.graphics.beginBitmapFill(bitmapData1,null,false):sp.graphics.lineStyle(1,0xffffff);
92 sp.graphics.drawTriangles(arr2D,tempInd,uvt,TriangleCulling.NEGATIVE);//
93 }
94
95 function autoHandler(e:Event ):void {
96 auto_btn.enabled=false;
97 hand_btn.enabled=true;
98 mov_btn.enabled=true;
99 stage.addEventListener(Event.ENTER_FRAME, autoloopHandler);
100 sp.removeEventListener(MouseEvent.MOUSE_DOWN, downHandler);
101
102 }
103 function handHandler(e:Event ):void {
104 Rotation=true;
105 auto_btn.enabled=true;
106 hand_btn.enabled=false;
107 mov_btn.enabled=true;
108 stage.removeEventListener(Event.ENTER_FRAME, autoloopHandler);
109 sp.addEventListener(MouseEvent.MOUSE_DOWN, downHandler);
110
111 }
112 function movHandler(e:Event ):void {
113 Rotation=false;
114 auto_btn.enabled=true;
115 hand_btn.enabled=true;
116 mov_btn.enabled=false;
117 stage.removeEventListener(Event.ENTER_FRAME, autoloopHandler);
118 sp.addEventListener(MouseEvent.MOUSE_DOWN, downHandler);
119
120 }
121
122 function autoloopHandler(e:Event ):void {
123 render(imgselect.selected,Math.random ()*10,Math.random ()*10,Math.random ()*10);
124 }
125 function downHandler(e:Event ):void {
126 Mouse.cursor=MouseCursor.HAND;
127 _oldMousePoint.x=mouseX;
128 _oldMousePoint.y=mouseY;
129 stage.addEventListener(Event.ENTER_FRAME, loopHandler);
130 stage.addEventListener(MouseEvent.MOUSE_UP, upHandler);
131 }
132
133 function loopHandler(e:Event ):void {
134 if (Rotation) {
135 render(imgselect.selected,mouseY-_oldMousePoint.y,-(mouseX-_oldMousePoint.x));
136 } else {
137 render(imgselect.selected,0,0,0,mouseX-_oldMousePoint.x,mouseY-_oldMousePoint.y,0);
138 }
139 _oldMousePoint.x=mouseX;
140 _oldMousePoint.y=mouseY;
141 }
142
143 function upHandler(e:Event ):void {
144 Mouse.cursor=MouseCursor.AUTO;
145 stage.removeEventListener(Event.ENTER_FRAME, loopHandler);
146
147 }
148 imgselect.addEventListener(MouseEvent.CLICK, sliderDrag);
149 i_slider.addEventListener(SliderEvent.THUMB_DRAG, sliderDrag);
150 j_slider.addEventListener(SliderEvent.THUMB_DRAG, sliderDrag);
151 r_slider.addEventListener(SliderEvent.THUMB_DRAG, sliderDrag);
152 R_slider.addEventListener(SliderEvent.THUMB_DRAG, sliderDrag);
153 function sliderDrag(e):void {//:SliderEvent
154 init(R_slider.value,r_slider.value,i_slider.value,j_slider.value);
155 i_txt.text=String(i_slider.value)
156 j_txt.text=String(j_slider.value)
157
158 }
效果如下：