papervision3d学习笔记:圆柱效果

 

 原来，稍微改变一下坐标的方式就可以实现到这种圆柱旋转的效果。看上面的图，原理是采用两个循环进行复制。复制的时候改变y轴的坐标就能实现到以上的效果：

看看源码：

 package { import flash.display.Sprite; import flash.events.*; import org.papervision3d.cameras.Camera3D; import org.papervision3d.scenes.Scene3D; import org.papervision3d.materials.*; import org.papervision3d.objects.DisplayObject3D; import org.papervision3d.view.Viewport3D; import org.papervision3d.render.BasicRenderEngine; import org.papervision3d.objects.primitives.*; import org.papervision3d.materials.utils.MaterialsList; public class Example extends Sprite { private var viewport:Viewport3D=new Viewport3D(800,600);//创建窗口 private var renderer:BasicRenderEngine= new BasicRenderEngine();//渲染引擎 private var camera:Camera3D = new Camera3D();//´摄影机 private var pc:Plane = new Plane(); private var scene:Scene3D = new Scene3D();//创建一个三维场景 private var angle:Number = 0;//角度 private var n:int=1; public function Example() { init3D();//初始化3d模型 } private function init3D():void { addChild(viewport);//添加显示窗口 camera.z =400; camera.target = pc; var num:int = 100; var numOfRotations:Number = 5; var anglePer:Number = ((Math.PI*2)*5 ) / num; var yPos:Number = 0; //var pa:Array = new Array(); //创建平面，并且赋予贴图 for (var j:uint=0; j<6; j++) { for (var i:uint=0; i<50; i++) { var cm:BitmapAssetMaterial = new BitmapAssetMaterial("air1"); cm.oneSide = false; var p:Plane = new Plane(cm, 100, 100); p.x = Math.cos(i * anglePer) * 500; p.z = Math.sin(i * anglePer) * 500; p.y = 120*j;//改变y轴坐标 实现圆柱的效果 p.rotationY = (-i*anglePer) * (180/Math.PI) + 270; scene.addChild(p); } } addEventListener(Event.ENTER_FRAME, Run); } private function Run(event:Event):void { var dist:Number = ((stage.mouseY) - stage.stageHeight * 0.5) * -0.1; var dist2:Number = ((stage.mouseX) - stage.stageWidth * 0.5) * 0.0005; angle += dist2; camera.x = Math.cos(angle) * 1000; camera.z = Math.sin(angle) * 1000; camera.y += dist; if (camera.y < 369) { camera.y = 369; } if (camera.y > 4755) { camera.y = 4755; } pc.y = camera.y; renderer.renderScene(scene, camera, viewport);//渲染图形 } } }

 

关键的地方：

在于采用两个循环的扫描方法进行复制图像，每一次外循环完成后，内循环里面p.y 就要发生相应的改变，这样就会

创建出圆柱的效果。

 

 p.y = 120*j;//改变y轴坐标 实现圆柱的效果

 for (var j:uint=0; j<6; j++) { for (var i:uint=0; i<50; i++) { var cm:BitmapAssetMaterial = new BitmapAssetMaterial("air1"); cm.oneSide = false; var p:Plane = new Plane(cm, 100, 100); p.x = Math.cos(i * anglePer) * 500; p.z = Math.sin(i * anglePer) * 500; p.y = 120*j;//改变y轴坐标 实现圆柱的效果 p.rotationY = (-i*anglePer) * (180/Math.PI) + 270; scene.addChild(p); } }

  

二， 改变效果

我们再对其进行改造，通过修改他的半径，会发现又有不同的效果出来

for (var j:uint=0; j<6; j++) { for (var i:uint=0; i<50; i++) { var cm:BitmapAssetMaterial = new BitmapAssetMaterial("air1"); cm.oneSide = false; var p:Plane = new Plane(cm, 100, 100); p.x = Math.cos(i * anglePer) * (350+j*30); p.z = Math.sin(i * anglePer) * (350+j*30); p.y = 120*j;//改变y轴坐标 实现圆柱的效果 p.rotationY = (-i*anglePer) * (180/Math.PI) + 270; scene.addChild(p); } }