Flex+Papervision3D三维技术研究（基础篇二)(转帖）

原文转自：http://blog.youkuaiyun.com/neil89/article/details/6938257

上一篇中，已经可以在flex网页中实现一个会自动旋转的平面，那能不能把2D平面的组件添加到3D平面呢，为这个问题，我查了很多资料，结果多样，却没有谁作一个系统的说明，在这里，我也不能作一个具体的解说（功力不够深厚啊），我只是用一个具体的实例来实现我的想法。我的想法是将Flex原有的组件，例如一个Button控件添加到一个平面上。上图

该功能是在as文件中动态添加一个Button，然后将这个Button添加到3D环境中的Panel中，自动旋转。
上代码：

1. package com.neil  
2. {  
3.     import flash.events.Event;  
4.       
5.     import mx.core.UIComponent;  
6.       
7.     import org.papervision3d.cameras.Camera3D;  
8.     import org.papervision3d.events.InteractiveScene3DEvent;  
9.     import org.papervision3d.materials.MovieMaterial;  
10.     import org.papervision3d.objects.primitives.Plane;  
11.     import org.papervision3d.render.BasicRenderEngine;  
12.     import org.papervision3d.scenes.Scene3D;  
13.     import org.papervision3d.view.Viewport3D;  
14.   
15.   
16.     public class MainView extends UIComponent  
17.     {  
18.         private var viewport:Viewport3D;  
19.         private var scene:Scene3D;  
20.         private var camera:Camera3D;  
21.         private var renderer:BasicRenderEngine;  
22.         private var movieMaterial:MovieMaterial;  
23.         private var plane:Plane;  
24.           
25.         public function MainView()  
26.         {  
27.             init();  
28.         }  
29.         private function init():void{  
30.             viewport=new Viewport3D(640,480,false,true);  
31.             addChild(viewport);  
32.             scene=new Scene3D();  
33.             camera=new Camera3D();  
34.             renderer=new BasicRenderEngine();  
35.   
36.                        var btn:Button=new Button();  
37.             btn.label="ddd";  
38.             btn.width=100;  
39.             btn.height=30;  
40.             /*btn.includeInLayout=false;  
41.             btn.blendMode=BlendMode.ERASE;*/  
42.             addChild(btn);  
43.               
44.             movieMaterial=new MovieMaterial(btn,true,true,true);  
45.             movieMaterial.doubleSided=true;  
46.             movieMaterial.precise=true;  
47.             movieMaterial.smooth=true;  
48.             movieMaterial.interactive=true;  
49.               
50.               
51.             plane=new Plane(material);  
52.             scene.addChild(plane);  
53.               
54.             addEventListener(Event.ENTER_FRAME,onEnterFrame);  
55.         }  
56.         private function onEnterFrame(e:Event):void{  
57.             plane.yaw(2);//设置动画速度  
58.             renderer.renderScene(scene,camera,viewport);  
59.         }  
60.     }  
61. }  

代码是很简单吧，可是如果真要在网上找实例来实现这个功能，要下一家功夫的哦。还有一个问题就是，看到在页面上有两个Button是吧，我只是想添加到3D场景中，不想在2D环境中出现。为了这个这个问题，也花了我不少时间，最后有一个最简单的办法，直接设置Button的BlendMode属性，设置为ERASE，代码为注释掉部分。这样，就可以实现将Flex里的一般组件添加到3D场景中了。