※現在、「wonderfl build flash online」求人コンテンツ制作に関してのアンケートを実施中です！みなさまのお力添えを頂いて、続々とアンケート結果が集まっていますが、まだまだ募集しております。ご協力のほど、どうぞよろしくお願いいたします！

wonderfl運営事務局
→アンケートページ（※ログインしてからお答えいただけるようになっています。）

 notice: Flash editor updated! Join the development! Thanks to MiniBuilder


forked from : jidolstar's 3D Example, Flash Player 10 : flash on 2009-7-2 [diff(1)]

embed

noswf download fullscreen
flash swf thumbnail play
reload download fullscreen

FORKED
>sort

forked from: 3D Example, Flash Player 10 : flash on 2009-7-2 forked from: forked from: 3D Example, Flash Player 10 : flash on 2009-7-2 [diff(1)]

  1. // forked from csmoak's forked from: 3D Example, Flash Player 10 : flash on 2009-7-2
  2. // forked from jidolstar's 3D Example, Flash Player 10 : flash on 2009-7-2
  3. package
  4. {
  5.     import flash.display.Bitmap;
  6.     import flash.display.BitmapData;
  7.     import flash.display.GraphicsTrianglePath;
  8.     import flash.display.Shape;
  9.     import flash.display.Sprite;
  10.     import flash.display.StageAlign;
  11.     import flash.display.StageQuality;
  12.     import flash.display.StageScaleMode;
  13.     import flash.events.Event;
  14.     import flash.events.KeyboardEvent;
  15.     import flash.events.MouseEvent;
  16.     import flash.geom.Matrix3D;
  17.     import flash.geom.PerspectiveProjection;
  18.     import flash.geom.Utils3D;
  19.     import flash.geom.Vector3D;
  20.     import flash.utils.getTimer;
  21.     import flash.text.TextField;
  22.         import flash.text.TextFieldAutoSize;
  23.     
  24.     [SWF(frameRate=60, backgroundColor=0x000000)]
  25.     
  26.     /**
  27.      * 3D Texture 예제.
  28.      * @author Yongho, Ji
  29.      * @since 2009.07.01
  30.      * @see http://help.adobe.com/ko_KR/ActionScript/3.0_ProgrammingAS3/WSF24A5A75-38D6-4a44-BDC6-927A2B123E90.html
  31.      */ 
  32.     public class Texture3D extends Sprite
  33.     {
  34.         // 투영된  Vertex 정보 
  35.         private var projected:Vector.<Number>;
  37.         // 투영
  38.         private var projection:PerspectiveProjection = new PerspectiveProjection();
  39.         
  40.         // World 변환 행렬 
  41.         private var world:Matrix3D = new Matrix3D();
  42.         
  43.         // Viewport (3D 렌더링 대상)
  44.         private var viewport:Shape = new Shape();
  45.         
  46.         // Mesh 데이터 
  47.         private var mesh:GraphicsTrianglePath
  48.         
  49.         // Texture
  50.         private var texture:BitmapData = new BitmapData(512, 512, false);
  51.         
  52.         //triangle을 보여줄지 여부  
  53.         private var visibleTriangle:Boolean = false;
  54.         
  55.         //Texture를 보여줄지 여부 
  56.         private var visibleTexture:Boolean = true;
  57.         
  58.         //실린더  Mesh번호 
  59.         private const MESH_CYLINDER:int = 1;
  60.         
  61.         //원형체  Mesh번호  
  62.         private const MESH_TORUS:int = 2;
  63.         
  64.         //구 Mesh 번호 
  65.         private const MESH_SPHERE:int = 3;
  66.         
  67.         //선택한 Mesh 번호 
  68.         private var selectedMesh:int;
  69.         
  70.         //Viewport의 Z축 위치 
  71.         private var viewPortZAxis:Number = 300;
  72.         
  73.         /**
  74.          * 생성자 
  75.          */ 
  76.         public function Texture3D()
  77.         {
  78.             super();
  79.             
  80.             //화면 설정 
  81.             stage.align = StageAlign.TOP_LEFT;
  82.             stage.scaleMode = StageScaleMode.NO_SCALE;
  83.             stage.quality = StageQuality.BEST;
  85.                         //텍스쳐 입히기 
  86.                         texture.perlinNoise(64, 64, 3, 0, true, true, 7, true);
  87.             
  88.             //viewport를 화면의 중심으로 
  89.             viewport.x = stage.stageWidth/2;
  90.             viewport.y = stage.stageHeight/2;
  91.             addChild(viewport);
  92.             
  93.             //projection의 fieldOfView를  60으로 지정 
  94.             projection.fieldOfView = 60;
  95.             
  96.             //mesh 데이터 설정 
  97.             selectMesh( MESH_CYLINDER );
  98.             
  99.             //이벤트 처리                             
  100.             stage.addEventListener( Event.RESIZE, onResize );
  101.             addEventListener( Event.ENTER_FRAME, onEnterFrame );
  102.             stage.addEventListener( MouseEvent.CLICK, onMouseClick );
  103.             stage.addEventListener( KeyboardEvent.KEY_DOWN, onKey );
  104.             stage.addEventListener( MouseEvent.MOUSE_WHEEL, onMouseWheel );
  106.              var textField:TextField = new TextField();
  107.             textField.multiline = true;
  108.             textField.textColor = 0xffffff;
  109.             textField.htmlText = "Change Shape : Key 1~3 <br>Show Texture : Key T<br>Show Triangle : Mouse Click<br>Zoom In/Out : Mouse Wheel";
  110.             textField.autoSize = TextFieldAutoSize.LEFT;
  111.             addChild( textField ); 
  112.  
  113.         }
  114.         
  115.         /**
  116.          * Mesh를 선택한다.
  117.          */ 
  118.         private function selectMesh( meshNumber:int ):void
  119.         {
  120.             if( selectedMesh == meshNumber ) return;
  121.             selectedMesh = meshNumber;
  122.             
  123.             //투영결과 Vertex 데이타를 초기화시킨다. 
  124.             //이것을 해야 Mesh데이터가 바뀔때마다 drawTriangle에서 에러 발생 안함 
  125.             projected  = new Vector.<Number>(0, false);
  126.             switch( selectedMesh )
  127.             {
  128.                 //실린더 
  129.                 case MESH_CYLINDER:
  130.                     mesh = createCylinderMesh( 50, 100, 20, 5 );
  131.                     break;
  132.                 //원형체 
  133.                 case MESH_TORUS:
  134.                     mesh = createTorusMesh( 50, 25, 32, 16 );
  135.                     break;
  136.                 //구 
  137.                 case MESH_SPHERE:
  138.                     mesh = createSphereMesh( 50, 32, 32 );
  139.                     break;
  140.             }            
  141.         }
  142.         
  143.         /**
  144.          * 사이즈 변경시 처리  
  145.          */ 
  146.         private function onResize( event:Event ):void
  147.         {
  148.             //viewport는 항상 화면의 중심에 위치하도록 처리 
  149.             viewport.x = stage.stageWidth/2;
  150.             viewport.y = stage.stageHeight/2;    
  151.         }
  152.         
  153.         /**
  154.          * 프레임 마다 처리. 
  155.          */ 
  156.         private function onEnterFrame( event:Event ):void
  157.         {
  158.             world.identity(); //단위행렬로 전환 
  159.             world.appendRotation( getTimer() * 0.027, Vector3D.X_AXIS ); //X축 회전
  160.             world.appendRotation( getTimer() * 0.061, Vector3D.Y_AXIS ); //Y축 회전 
  161.             world.appendTranslation(0, 0, viewPortZAxis); //이동 
  162.             world.append(projection.toMatrix3D()); //투영 변환 적용 
  163.             
  164.             // mesh 데이터를  투영하여  projected 생성 
  165.             // uvtData도 갱신된다. 갱신되는 데이터는 T값이다. 
  166.             Utils3D.projectVectors( world, mesh.vertices, projected, mesh.uvtData );
  167.             
  168.             // texture를 이용해 렌더링
  169.             viewport.graphics.clear();
  170.             
  171.             // Triangle 라인을 그림 
  172.             if( visibleTriangle )
  173.             {
  174.                 viewport.graphics.lineStyle( 1, 0xff0000, 1.0 );
  175.             }
  176.             
  177.             //Texture 입힌다.
  178.             if( visibleTexture )
  179.             {
  180.                 viewport.graphics.beginBitmapFill( texture, null, false, true );
  181.                 viewport.graphics.drawTriangles( projected, getSortedIndices(mesh), mesh.uvtData, mesh.culling );                
  182.             }
  183.             else
  184.             {
  185.                 viewport.graphics.beginFill( 0x00ccff, 1.0 );
  186.                 viewport.graphics.drawTriangles( projected, getSortedIndices(mesh), null, mesh.culling );                
  187.                 viewport.graphics.endFill();            
  188.             }
  189.         }
  190.         
  191.         /**
  192.          * 마우스 클릭 처리 
  193.          */ 
  194.         private function onMouseClick( event:MouseEvent ):void
  195.         {
  196.             //삼각형  선 Visible 바꿈 
  197.             visibleTriangle = !visibleTriangle;    
  198.         }
  199.         
  200.         /**
  201.          * 키보드 이벤츠 처리  
  202.          */ 
  203.         private function onKey( event:KeyboardEvent ):void
  204.         {
  205.             if( event.charCode == 116 )
  206.             {
  207.                 visibleTexture = !visibleTexture;    
  208.             }
  209.             else
  210.             {
  211.                 selectMesh( event.charCode - 48 ); //1,2...
  212.             }
  213.         }
  214.         
  215.         /**
  216.          * 마우스 휠 처리 
  217.          */ 
  218.         private function onMouseWheel( event:MouseEvent ):void
  219.         {
  220.             viewPortZAxis += event.delta * 10;
  221.         }
  222.     }
  223. }
  225. import flash.display.GraphicsTrianglePath;
  226. import flash.display.TriangleCulling;
  228. /**
  229.  * GraphicsTrianglePath를 기반으로, Z축으로 sort된 인덱스를 돌려준다.
  230.  * 이 작업을 해주어야 z축 깊이에 따라 Triangle이 제대로 그려진다. 
  231.  * @param mesh 정보 
  232.  * @return sort된 index 데이터 
  233.  */
  234. function getSortedIndices( mesh:GraphicsTrianglePath ):Vector.<int> 
  235. {
  236.     var triangles:Array = [];
  237.     var length:uint = mesh.indices.length;
  238.     
  239.     //z축 sort를 위한 기반 제작 
  240.     for ( var i:uint=0; i < length; i += 3 ) 
  241.     {
  242.         var i1:uint = mesh.indices[ i+0 ];
  243.         var i2:uint = mesh.indices[ i+1 ];
  244.         var i3:uint = mesh.indices[ i+2 ];
  245.         var z:Number = Math.min( mesh.uvtData[i1 * 3 + 2], mesh.uvtData[i2 * 3 + 2], mesh.uvtData[i3 * 3 + 2]);
  246.         if (z > 0) 
  247.         { 
  248.             triangles.push({i1:i1, i2:i2, i3:i3, z:z}); 
  249.         }
  250.     }
  251.     
  252.     //z축으로 sort
  253.     triangles = triangles.sortOn("z", Array.NUMERIC);
  254.     
  255.     //sort된 값을 이용해 Vector값 만듬 
  256.     var sortedIndices:Vector.<int> = new Vector.<int>(0, false);
  257.     for each (var triangle:Object in triangles) 
  258.     {
  259.         sortedIndices.push(triangle.i1, triangle.i2, triangle.i3);
  260.     }
  261.     return sortedIndices;
  262. }
  264. /**
  265.  * 원통모양의 Mesh 데이터 작성 
  266.  * @param radius 원통의 반지름
  267.  * @param height 원통의 높이 
  268.  * @param hDiv 반지름 방향으로 조각 수 
  269.  * @param vDiv 높이 방향의 조각수 
  270.  * @return mesh 데이터 
  271.  */ 
  272. function createCylinderMesh( radius:Number, height:Number, hDiv:uint, vDiv:uint ):GraphicsTrianglePath
  273. {
  274.     var vertices:Vector.<Number> = new Vector.<Number>( 0, false );
  275.     var indices:Vector.<int> = new Vector.<int>( 0, false );
  276.     var uvtData:Vector.<Number> = new Vector.<Number>( 0, false );
  277.     var mesh:GraphicsTrianglePath = new GraphicsTrianglePath( vertices, indices, uvtData, TriangleCulling.NONE );
  278.     
  279.     for( var i:uint = 0; i <= hDiv; i++ )
  280.     {
  281.         var theta:Number = Math.PI * 2 * i / hDiv; //z축에서 y축으로 잰각 
  282.         for( var j:uint = 0; j <= vDiv; j++ )
  283.         {
  284.             var x:Number = -height/2 + j * height/vDiv;
  285.             var y:Number = radius * Math.sin( theta );
  286.             var z:Number = radius * Math.cos( theta );
  287.             mesh.vertices.push( x, y, z );                //하나의 Vertex 데이타 
  288.             mesh.uvtData.push( i / hDiv, j / vDiv, 1 ); //하나의 UVT 데이타 . Texture의 점과 Vectex를 일치시켜 Texture를 입히기 위한 데이타이다.
  289.             if( j < vDiv && i < hDiv )
  290.             {
  291.                 var a:uint =  i      * (vDiv + 1) + j;
  292.                 var b:uint = (i + 1) * (vDiv + 1) + j;
  293.                 mesh.indices.push(a, a + 1, b, b + 1, b, a + 1); //삼각형의 index이다. culling방향 고려 
  294.             } 
  295.         }
  296.     }
  297.     return mesh;
  298. }
  300. /**
  301.  * 원환체(도너츠모양) Mesh 데이터 작성 
  302.  * @param hRadius 원환체의 수평축 반지름
  303.  * @param vRadius 원환체의 수직축 반지름  
  304.  * @param hDiv 수평 방향의 조각 수 
  305.  * @param vDiv 높이 방향의 조각수 
  306.  * @return mesh 데이터 
  307.  */
  308. function createTorusMesh( hRadius:Number, vRadius:Number, hDiv:uint, vDiv:uint ):GraphicsTrianglePath 
  309. {
  310.     var vertices:Vector.<Number> = new Vector.<Number>( 0, false );
  311.     var indices:Vector.<int> = new Vector.<int>( 0, false );
  312.     var uvtData:Vector.<Number> = new Vector.<Number>( 0, false );
  313.     var mesh:GraphicsTrianglePath = new GraphicsTrianglePath( vertices, indices, uvtData, TriangleCulling.NONE );
  314.     for (var i:uint=0; i<=hDiv; i++) 
  315.     {
  316.         var s1:Number = Math.PI * 2 * i / hDiv;
  317.         for (var j:uint=0; j<=vDiv; j++) 
  318.         {
  319.             var s2:Number = Math.PI * 2 * j / vDiv;
  320.             var r:Number = Math.cos(s2) * vRadius + hRadius;
  321.             var x:Number = Math.cos(s1) * r;
  322.             var y:Number = Math.sin(s1) * r;
  323.             var z:Number = Math.sin(s2) * vRadius;            
  324.             mesh.vertices.push( x, y, z );    
  325.             mesh.uvtData.push(i / hDiv, j / vDiv, 1);
  326.             if (j < vDiv && i < hDiv) {
  327.                 var a:uint =  i      * (vDiv + 1) + j;
  328.                 var b:uint = (i + 1) * (vDiv + 1) + j;
  329.                 mesh.indices.push(b, a + 1, a, a + 1, b, b + 1);
  330.             }
  331.         }
  332.     }
  333.     return mesh;
  334. }
  336. /**
  337.  * 구 Mesh 데이터 작성 
  338.  * @param radius 구의 반지름  
  339.  * @param hDiv 수평 방향의 조각 수 
  340.  * @param vDiv 높이 방향의 조각수 
  341.  * @return mesh 데이터 
  342.  */
  343. function createSphereMesh( radius:Number, hDiv:uint, vDiv:uint ):GraphicsTrianglePath
  344. {
  345.     var vertices:Vector.<Number> = new Vector.<Number>( 0, false );
  346.     var indices:Vector.<int> = new Vector.<int>( 0, false );
  347.     var uvtData:Vector.<Number> = new Vector.<Number>( 0, false );
  348.     var mesh:GraphicsTrianglePath = new GraphicsTrianglePath( vertices, indices, uvtData, TriangleCulling.POSITIVE );
  349.     
  350.     for( var i:uint = 0; i <= hDiv; i++ )
  351.     {
  352.         var s1:Number = Math.PI * 2 * i / hDiv;
  353.         for( var j:uint = 0; j <= vDiv; j++ )
  354.         {
  355.             var s2:Number = Math.PI * 2 * j / vDiv;
  356.             var cos1:Number = Math.cos( s1 );
  357.             var sin1:Number = Math.sin( s1 );
  358.             var cos2:Number = Math.cos( s2 );
  359.             var sin2:Number = Math.sin( s2 ); 
  360.             var x:Number = radius * cos2 * cos1;
  361.             var y:Number = radius * cos2 * sin1;
  362.             var z:Number = radius * sin2;              
  363.             mesh.vertices.push( x, y, z );     
  364.             mesh.uvtData.push( i / hDiv, j / vDiv, 1 );
  365.             if( j < vDiv && i < hDiv )
  366.             {
  367.                 var a:uint =  i      * (vDiv + 1) + j;
  368.                 var b:uint = (i + 1) * (vDiv + 1) + j;
  369.                 mesh.indices.push(a, a + 1, b, b + 1, b, a + 1); 
  370.             } 
  371.         }
  372.     }    
  373.     
  374.     return mesh;
  375. }
noswf

forked from: 3D Example, Flash Player 10 : flash on 2009-7-2 forked from: forked from: 3D Example, Flash Player 10 : flash on 2009-7-2 [diff(1)]

  1. // forked from csmoak's forked from: 3D Example, Flash Player 10 : flash on 2009-7-2
  2. // forked from jidolstar's 3D Example, Flash Player 10 : flash on 2009-7-2
  3. package
  4. {
  5.     import flash.display.Bitmap;
  6.     import flash.display.BitmapData;
  7.     import flash.display.GraphicsTrianglePath;
  8.     import flash.display.Shape;
  9.     import flash.display.Sprite;
  10.     import flash.display.StageAlign;
  11.     import flash.display.StageQuality;
  12.     import flash.display.StageScaleMode;
  13.     import flash.events.Event;
  14.     import flash.events.KeyboardEvent;
  15.     import flash.events.MouseEvent;
  16.     import flash.geom.Matrix3D;
  17.     import flash.geom.PerspectiveProjection;
  18.     import flash.geom.Utils3D;
  19.     import flash.geom.Vector3D;
  20.     import flash.utils.getTimer;
  21.     import flash.text.TextField;
  22.         import flash.text.TextFieldAutoSize;
  23.     
  24.     [SWF(frameRate=60, backgroundColor=0x000000)]
  25.     
  26.     /**
  27.      * 3D Texture 예제.
  28.      * @author Yongho, Ji
  29.      * @since 2009.07.01
  30.      * @see http://help.adobe.com/ko_KR/ActionScript/3.0_ProgrammingAS3/WSF24A5A75-38D6-4a44-BDC6-927A2B123E90.html
  31.      */ 
  32.     public class Texture3D extends Sprite
  33.     {
  34.         // 투영된  Vertex 정보 
  35.         private var projected:Vector.<Number>;
  37.         // 투영
  38.         private var projection:PerspectiveProjection = new PerspectiveProjection();
  39.         
  40.         // World 변환 행렬 
  41.         private var world:Matrix3D = new Matrix3D();
  42.         
  43.         // Viewport (3D 렌더링 대상)
  44.         private var viewport:Shape = new Shape();
  45.         
  46.         // Mesh 데이터 
  47.         private var mesh:GraphicsTrianglePath
  48.         
  49.         // Texture
  50.         private var texture:BitmapData = new BitmapData(512, 512, false);
  51.         
  52.         //triangle을 보여줄지 여부  
  53.         private var visibleTriangle:Boolean = false;
  54.         
  55.         //Texture를 보여줄지 여부 
  56.         private var visibleTexture:Boolean = true;
  57.         
  58.         //실린더  Mesh번호 
  59.         private const MESH_CYLINDER:int = 1;
  60.         
  61.         //원형체  Mesh번호  
  62.         private const MESH_TORUS:int = 2;
  63.         
  64.         //구 Mesh 번호 
  65.         private const MESH_SPHERE:int = 3;
  66.         
  67.         //선택한 Mesh 번호 
  68.         private var selectedMesh:int;
  69.         
  70.         //Viewport의 Z축 위치 
  71.         private var viewPortZAxis:Number = 300;
  72.         
  73.         /**
  74.          * 생성자 
  75.          */ 
  76.         public function Texture3D()
  77.         {
  78.             super();
  79.             
  80.             //화면 설정 
  81.             stage.align = StageAlign.TOP_LEFT;
  82.             stage.scaleMode = StageScaleMode.NO_SCALE;
  83.             stage.quality = StageQuality.BEST;
  85.                         //텍스쳐 입히기 
  86.                         texture.perlinNoise(64, 64, 3, 0, true, true, 7, true);
  87.             
  88.             //viewport를 화면의 중심으로 
  89.             viewport.x = stage.stageWidth/2;
  90.             viewport.y = stage.stageHeight/2;
  91.             addChild(viewport);
  92.             
  93.             //projection의 fieldOfView를  60으로 지정 
  94.             projection.fieldOfView = 60;
  95.             
  96.             //mesh 데이터 설정 
  97.             selectMesh( MESH_CYLINDER );
  98.             
  99.             //이벤트 처리                             
  100.             stage.addEventListener( Event.RESIZE, onResize );
  101.             addEventListener( Event.ENTER_FRAME, onEnterFrame );
  102.             stage.addEventListener( MouseEvent.CLICK, onMouseClick );
  103.             stage.addEventListener( KeyboardEvent.KEY_DOWN, onKey );
  104.             stage.addEventListener( MouseEvent.MOUSE_WHEEL, onMouseWheel );
  106.              var textField:TextField = new TextField();
  107.             textField.multiline = true;
  108.             textField.textColor = 0xffffff;
  109.             textField.htmlText = "Change Shape : Key 1~3 <br>Show Texture : Key T<br>Show Triangle : Mouse Click<br>Zoom In/Out : Mouse Wheel";
  110.             textField.autoSize = TextFieldAutoSize.LEFT;
  111.             addChild( textField ); 
  112.  
  113.         }
  114.         
  115.         /**
  116.          * Mesh를 선택한다.
  117.          */ 
  118.         private function selectMesh( meshNumber:int ):void
  119.         {
  120.             if( selectedMesh == meshNumber ) return;
  121.             selectedMesh = meshNumber;
  122.             
  123.             //투영결과 Vertex 데이타를 초기화시킨다. 
  124.             //이것을 해야 Mesh데이터가 바뀔때마다 drawTriangle에서 에러 발생 안함 
  125.             projected  = new Vector.<Number>(0, false);
  126.             switch( selectedMesh )
  127.             {
  128.                 //실린더 
  129.                 case MESH_CYLINDER:
  130.                     mesh = createCylinderMesh( 50, 100, 20, 5 );
  131.                     break;
  132.                 //원형체 
  133.                 case MESH_TORUS:
  134.                     mesh = createTorusMesh( 50, 25, 32, 16 );
  135.                     break;
  136.                 //구 
  137.                 case MESH_SPHERE:
  138.                     mesh = createSphereMesh( 50, 32, 32 );
  139.                     break;
  140.             }            
  141.         }
  142.         
  143.         /**
  144.          * 사이즈 변경시 처리  
  145.          */ 
  146.         private function onResize( event:Event ):void
  147.         {
  148.             //viewport는 항상 화면의 중심에 위치하도록 처리 
  149.             viewport.x = stage.stageWidth/2;
  150.             viewport.y = stage.stageHeight/2;    
  151.         }
  152.         
  153.         /**
  154.          * 프레임 마다 처리. 
  155.          */ 
  156.         private function onEnterFrame( event:Event ):void
  157.         {
  158.             world.identity(); //단위행렬로 전환 
  159.             world.appendRotation( getTimer() * 0.027, Vector3D.X_AXIS ); //X축 회전
  160.             world.appendRotation( getTimer() * 0.061, Vector3D.Y_AXIS ); //Y축 회전 
  161.             world.appendTranslation(0, 0, viewPortZAxis); //이동 
  162.             world.append(projection.toMatrix3D()); //투영 변환 적용 
  163.             
  164.             // mesh 데이터를  투영하여  projected 생성 
  165.             // uvtData도 갱신된다. 갱신되는 데이터는 T값이다. 
  166.             Utils3D.projectVectors( world, mesh.vertices, projected, mesh.uvtData );
  167.             
  168.             // texture를 이용해 렌더링
  169.             viewport.graphics.clear();
  170.             
  171.             // Triangle 라인을 그림 
  172.             if( visibleTriangle )
  173.             {
  174.                 viewport.graphics.lineStyle( 1, 0xff0000, 1.0 );
  175.             }
  176.             
  177.             //Texture 입힌다.
  178.             if( visibleTexture )
  179.             {
  180.                 viewport.graphics.beginBitmapFill( texture, null, false, true );
  181.                 viewport.graphics.drawTriangles( projected, getSortedIndices(mesh), mesh.uvtData, mesh.culling );                
  182.             }
  183.             else
  184.             {
  185.                 viewport.graphics.beginFill( 0x00ccff, 1.0 );
  186.                 viewport.graphics.drawTriangles( projected, getSortedIndices(mesh), null, mesh.culling );                
  187.                 viewport.graphics.endFill();            
  188.             }
  189.         }
  190.         
  191.         /**
  192.          * 마우스 클릭 처리 
  193.          */ 
  194.         private function onMouseClick( event:MouseEvent ):void
  195.         {
  196.             //삼각형  선 Visible 바꿈 
  197.             visibleTriangle = !visibleTriangle;    
  198.         }
  199.         
  200.         /**
  201.          * 키보드 이벤츠 처리  
  202.          */ 
  203.         private function onKey( event:KeyboardEvent ):void
  204.         {
  205.             if( event.charCode == 116 )
  206.             {
  207.                 visibleTexture = !visibleTexture;    
  208.             }
  209.             else
  210.             {
  211.                 selectMesh( event.charCode - 48 ); //1,2...
  212.             }
  213.         }
  214.         
  215.         /**
  216.          * 마우스 휠 처리 
  217.          */ 
  218.         private function onMouseWheel( event:MouseEvent ):void
  219.         {
  220.             viewPortZAxis += event.delta * 10;
  221.         }
  222.     }
  223. }
  225. import flash.display.GraphicsTrianglePath;
  226. import flash.display.TriangleCulling;
  228. /**
  229.  * GraphicsTrianglePath를 기반으로, Z축으로 sort된 인덱스를 돌려준다.
  230.  * 이 작업을 해주어야 z축 깊이에 따라 Triangle이 제대로 그려진다. 
  231.  * @param mesh 정보 
  232.  * @return sort된 index 데이터 
  233.  */
  234. function getSortedIndices( mesh:GraphicsTrianglePath ):Vector.<int> 
  235. {
  236.     var triangles:Array = [];
  237.     var length:uint = mesh.indices.length;
  238.     
  239.     //z축 sort를 위한 기반 제작 
  240.     for ( var i:uint=0; i < length; i += 3 ) 
  241.     {
  242.         var i1:uint = mesh.indices[ i+0 ];
  243.         var i2:uint = mesh.indices[ i+1 ];
  244.         var i3:uint = mesh.indices[ i+2 ];
  245.         var z:Number = Math.min( mesh.uvtData[i1 * 3 + 2], mesh.uvtData[i2 * 3 + 2], mesh.uvtData[i3 * 3 + 2]);
  246.         if (z > 0) 
  247.         { 
  248.             triangles.push({i1:i1, i2:i2, i3:i3, z:z}); 
  249.         }
  250.     }
  251.     
  252.     //z축으로 sort
  253.     triangles = triangles.sortOn("z", Array.NUMERIC);
  254.     
  255.     //sort된 값을 이용해 Vector값 만듬 
  256.     var sortedIndices:Vector.<int> = new Vector.<int>(0, false);
  257.     for each (var triangle:Object in triangles) 
  258.     {
  259.         sortedIndices.push(triangle.i1, triangle.i2, triangle.i3);
  260.     }
  261.     return sortedIndices;
  262. }
  264. /**
  265.  * 원통모양의 Mesh 데이터 작성 
  266.  * @param radius 원통의 반지름
  267.  * @param height 원통의 높이 
  268.  * @param hDiv 반지름 방향으로 조각 수 
  269.  * @param vDiv 높이 방향의 조각수 
  270.  * @return mesh 데이터 
  271.  */ 
  272. function createCylinderMesh( radius:Number, height:Number, hDiv:uint, vDiv:uint ):GraphicsTrianglePath
  273. {
  274.     var vertices:Vector.<Number> = new Vector.<Number>( 0, false );
  275.     var indices:Vector.<int> = new Vector.<int>( 0, false );
  276.     var uvtData:Vector.<Number> = new Vector.<Number>( 0, false );
  277.     var mesh:GraphicsTrianglePath = new GraphicsTrianglePath( vertices, indices, uvtData, TriangleCulling.NONE );
  278.     
  279.     for( var i:uint = 0; i <= hDiv; i++ )
  280.     {
  281.         var theta:Number = Math.PI * 2 * i / hDiv; //z축에서 y축으로 잰각 
  282.         for( var j:uint = 0; j <= vDiv; j++ )
  283.         {
  284.             var x:Number = -height/2 + j * height/vDiv;
  285.             var y:Number = radius * Math.sin( theta );
  286.             var z:Number = radius * Math.cos( theta );
  287.             mesh.vertices.push( x, y, z );                //하나의 Vertex 데이타 
  288.             mesh.uvtData.push( i / hDiv, j / vDiv, 1 ); //하나의 UVT 데이타 . Texture의 점과 Vectex를 일치시켜 Texture를 입히기 위한 데이타이다.
  289.             if( j < vDiv && i < hDiv )
  290.             {
  291.                 var a:uint =  i      * (vDiv + 1) + j;
  292.                 var b:uint = (i + 1) * (vDiv + 1) + j;
  293.                 mesh.indices.push(a, a + 1, b, b + 1, b, a + 1); //삼각형의 index이다. culling방향 고려 
  294.             } 
  295.         }
  296.     }
  297.     return mesh;
  298. }
  300. /**
  301.  * 원환체(도너츠모양) Mesh 데이터 작성 
  302.  * @param hRadius 원환체의 수평축 반지름
  303.  * @param vRadius 원환체의 수직축 반지름  
  304.  * @param hDiv 수평 방향의 조각 수 
  305.  * @param vDiv 높이 방향의 조각수 
  306.  * @return mesh 데이터 
  307.  */
  308. function createTorusMesh( hRadius:Number, vRadius:Number, hDiv:uint, vDiv:uint ):GraphicsTrianglePath 
  309. {
  310.     var vertices:Vector.<Number> = new Vector.<Number>( 0, false );
  311.     var indices:Vector.<int> = new Vector.<int>( 0, false );
  312.     var uvtData:Vector.<Number> = new Vector.<Number>( 0, false );
  313.     var mesh:GraphicsTrianglePath = new GraphicsTrianglePath( vertices, indices, uvtData, TriangleCulling.NONE );
  314.     for (var i:uint=0; i<=hDiv; i++) 
  315.     {
  316.         var s1:Number = Math.PI * 2 * i / hDiv;
  317.         for (var j:uint=0; j<=vDiv; j++) 
  318.         {
  319.             var s2:Number = Math.PI * 2 * j / vDiv;
  320.             var r:Number = Math.cos(s2) * vRadius + hRadius;
  321.             var x:Number = Math.cos(s1) * r;
  322.             var y:Number = Math.sin(s1) * r;
  323.             var z:Number = Math.sin(s2) * vRadius;            
  324.             mesh.vertices.push( x, y, z );    
  325.             mesh.uvtData.push(i / hDiv, j / vDiv, 1);
  326.             if (j < vDiv && i < hDiv) {
  327.                 var a:uint =  i      * (vDiv + 1) + j;
  328.                 var b:uint = (i + 1) * (vDiv + 1) + j;
  329.                 mesh.indices.push(b, a + 1, a, a + 1, b, b + 1);
  330.             }
  331.         }
  332.     }
  333.     return mesh;
  334. }
  336. /**
  337.  * 구 Mesh 데이터 작성 
  338.  * @param radius 구의 반지름  
  339.  * @param hDiv 수평 방향의 조각 수 
  340.  * @param vDiv 높이 방향의 조각수 
  341.  * @return mesh 데이터 
  342.  */
  343. function createSphereMesh( radius:Number, hDiv:uint, vDiv:uint ):GraphicsTrianglePath
  344. {
  345.     var vertices:Vector.<Number> = new Vector.<Number>( 0, false );
  346.     var indices:Vector.<int> = new Vector.<int>( 0, false );
  347.     var uvtData:Vector.<Number> = new Vector.<Number>( 0, false );
  348.     var mesh:GraphicsTrianglePath = new GraphicsTrianglePath( vertices, indices, uvtData, TriangleCulling.POSITIVE );
  349.     
  350.     for( var i:uint = 0; i <= hDiv; i++ )
  351.     {
  352.         var s1:Number = Math.PI * 2 * i / hDiv;
  353.         for( var j:uint = 0; j <= vDiv; j++ )
  354.         {
  355.             var s2:Number = Math.PI * 2 * j / vDiv;
  356.             var cos1:Number = Math.cos( s1 );
  357.             var sin1:Number = Math.sin( s1 );
  358.             var cos2:Number = Math.cos( s2 );
  359.             var sin2:Number = Math.sin( s2 ); 
  360.             var x:Number = radius * cos2 * cos1;
  361.             var y:Number = radius * cos2 * sin1;
  362.             var z:Number = radius * sin2;              
  363.             mesh.vertices.push( x, y, z );     
  364.             mesh.uvtData.push( i / hDiv, j / vDiv, 1 );
  365.             if( j < vDiv && i < hDiv )
  366.             {
  367.                 var a:uint =  i      * (vDiv + 1) + j;
  368.                 var b:uint = (i + 1) * (vDiv + 1) + j;
  369.                 mesh.indices.push(a, a + 1, b, b + 1, b, a + 1); 
  370.             } 
  371.         }
  372.     }    
  373.     
  374.     return mesh;
  375. }
noswf
Get Adobe Flash Player