本文介绍怎么在flex项目中使用Pv3d。
需要你对flex有一定的了解。
方法1 直接在mxml文件中加入Pv3D组件
?
１。下载pv3组件，(Papervision3d 最新源代码和swc库文件：http://code.google.com/p/papervision3d/)
?
?
２。把Papervision3D_2.0.883.swc和header.swc加入工程。
?
３。源程序如下：
?
?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
??? width="640"
??? height="480"
??? xmlns:mx="http://www.adobe.com/2006/mxml"
??? layout="absolute"
??? applicationComplete="applicationComplete()">
??? <mx:Script>
??? ??? <![CDATA[
?
??? ??? ??? import org.papervision3d.objects.primitives.Cube;
??? ??? ??? import org.papervision3d.view.BasicView;
??? ??? ??? import org.papervision3d.lights.PointLight3D;
??? ??? ??? import org.papervision3d.materials.BitmapMaterial;
??? ??? ??? import org.papervision3d.materials.shaders.PhongShader;
??? ??? ??? import org.papervision3d.materials.shaders.ShadedMaterial;
??? ??? ??? import org.papervision3d.materials.shaders.Shader;
??? ??? ??? import org.papervision3d.materials.utils.MaterialsList;
??? ??? ???
??? ??? ???
??? ??? ??? import org.papervision3d.core.utils.Mouse3D;
??? ??? ??? import org.papervision3d.cameras.Camera3D;
??? ??? ??? import org.papervision3d.view.layer.ViewportLayer;
??? ??? ??? import org.papervision3d.objects.DisplayObject3D;
??? ??? ???
??? ??? ?private var myMouse3D:Mouse3D;
??? ??? ???
??? ??? [Embed(source="../assets/1.jpg")]
??? ??? private var frontAsset:Class;
??? ???
??? ??? [Embed(source="../assets/2.jpg")]
??? ??? private var backAsset:Class;
??? ???
??? ??? [Embed(source="../assets/4.jpg")]
??? ??? private var bottomAsset:Class;
??? ??? [Embed(source="../assets/5.jpg")]
??? ??? private var leftAsset:Class;
??? ??? [@Embed(source='../assets/6.jpg')]
??? ??? private var rightAsset:Class;
??? ??? [Embed(source="../assets/3.jpg")]
??? ??? private var topAsset:Class;
??? ???
??? ??? private var light:PointLight3D;
??? ??? private var cube:MyCube;
??? ??? private var basicView:BasicView = new BasicView();
??? ??? ??? ???
??? ??? private var materialsList:MaterialsList = new MaterialsList();
??? ???
??? ??? private function applicationComplete():void
??? ??? {
??? ??? ??? materialsList.addMaterial(createShadedMaterial( new frontAsset(),true ),"front");???
??? ??? ??? materialsList.addMaterial(createShadedMaterial( new backAsset() ),"back");
??? ??? ??? materialsList.addMaterial(createShadedMaterial( new bottomAsset() ),"bottom");??? ??? ???
??? ??? ??? materialsList.addMaterial(createShadedMaterial( new leftAsset() ),"left");
??? ??? ??? materialsList.addMaterial(createShadedMaterial( new rightAsset() ),"right");
??? ??? ??? materialsList.addMaterial(createShadedMaterial( new topAsset() ),"top");
??????????? //定义立方体
??? ??? ??? cube = new MyCube(materialsList,500,5,5);
??? ??? ??? basicView.scene.addChild(cube);
??? ??? ???
??? ??? ??? Mouse3D.enabled = true;
??? ??? ?? ??? basicView.viewport.interactive=true;
??? ?????? ??? myMouse3D =this.basicView.viewport.interactiveSceneManager.mouse3D;
??? ?????? ???
??? ??????? this.stage.addEventListener(MouseEvent.MOUSE_WHEEL,onWheels);
??? ??? ??? this.stage.addEventListener(MouseEvent.MOUSE_MOVE,onRenderTick);
??? ??? ??
??? ??? ??? basicView.startRendering();
??? ??? ??? pv3dPanel.rawChildren.addChild(basicView); //method #1
??? ??? }
??? ??? ???
??? ??? protected function onRenderTick(event:Event=null):void
??? ??? {
??? ??? ???
??? ??? ??? cube.rotationY += (basicView.viewport.containerSprite.mouseX - cube.rotationY) * .1;
??? ??? ??? cube.rotationX += (basicView.viewport.containerSprite.mouseY - cube.rotationX) * .1;
??? ??? ??? basicView.renderer.renderScene(basicView.scene,basicView.camera,basicView.viewport);
??? ??? }
??? ??? ???
??? ??? ???
??? ??? private function createShadedMaterial(bitmap:Bitmap,precise:Boolean=false):ShadedMaterial
??? ??? {
??? ??? ??? var bitmapMaterial:BitmapMaterial = new BitmapMaterial(bitmap.bitmapData,precise);
??? ??? ??? bitmapMaterial.smooth=true;
??? ??? ??? bitmapMaterial.interactive=true;
??? ??? ??? var shader:Shader = new PhongShader(light,0xffffff,0x333333,10,bitmap.bitmapData,bitmap.bitmapData);
??? ??? ??? var shadedMaterial:ShadedMaterial = new ShadedMaterial(bitmapMaterial,shader);
??? ??? ???
??? ??? ??? return shadedMaterial;
??? ??? }
??? ???
??? ?? //滚动鼠标中间轮，进行缩放
??? ?? private function onWheels(event:MouseEvent):void
??? ?? {
??? ?? ??? ??? basicView.camera.moveForward(10*event.delta);
??? ?? }
???? ]]>
??? </mx:Script>
??? <mx:Panel id="pv3dPanel" width="100%" height="100%">
??? ??? <mx:Label text="Label" id="testLabel"/>
??? </mx:Panel>
</mx:Application>
?
４。运行效果如下：
?
?
?
方法２：使用自定义控件，把3d窗体封装到自定义控件中， 在主应用中引入这个自定义控件。
根据方法１进行自定义，源程序略。
