Flash AS3.0教程：Papervision3D应用1——环境配置

【 tulaoshi.com - Flash 】

本文由中国 sanbos 原创，转载请保留此信息！  

在学习中遇到问题请到 论坛Flash研讨 发贴交流！

　　本系列Flash教程由中国Flash互助课堂专为Flash新手制作，更多教程和练习请点击这里，在这里有系列的教程、练习，并有老师对练习进行点评与指导，欢迎朋友们的光临！

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/flash/）

　　Papervision3D(简称PV3D)是一个开源的3D引擎，用它可以比较容易制作出理想的3D效果，目的在于实现更加炫丽美观、功能强大的Flash 3D Web应用程序。本例为Papervision3D入门系列教程，在本课中我们将学习Papervision3D的环境配置~~

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/flash/）

更多AS 3.0代码教程：http://www.jcwcn.com/portal-topic-topicid-2.html

papervision3D入门教程1：配置环境

　　papervision3D(简称PV3D)是一个开源的3D引擎,用它可以比较容易制作出理想的3D效果.其它就是别人写好的一类而已.要使用PV3D,首先必须获取其源代码,即要下载那些类

首先按标准的获取方法来取得这些代码：

它需要一个叫做版本注册软件:tortoisesvn, 请从这里下载：
http://tortoisesvn.tigris.org

下载后,安装,然后会让你重启计算机,重启后,新建一个文件夹,比如:d:/PV3D,然后,在这个文件夹上点击右键,运行:SVN checkout,

然后,将这个http://papervision3d.googlecode.com/svn/trunk 复制到地址栏中

点击,OK后,代码会下载到这个文件夹中.

其实有用的就是一些类而已,你就想,用什么版本注册软件啊,直接下载那些类的压缩包,解压到一个文件夹中不就行了?比如,解压到 d:/PV3D.是的,你总是非常正确的,下载地址: http://code.google.com/p/papervision3d/downloads/list

现在,代码已下好了,接下来我们对flash进行一些设置,让它能找到这些类.

打开flash cs3(或cs4),点击 编辑首选参数ActionSpriptActionSpript 3.0设置,在打开的对话框中点+号,增加一个地址:d:/PV3D/as3/trunk/src,然后,点击OK,完成设置,这是告诉flash到哪里去找这些类.通过这个设置后,以后你的falsh cs3就可直接调用这些类来创建3D效果了.

好了,PV3D的环境配置至此完成.可能你会怀凝,我是否已做好呢?下面我们来创第一个PV3D效果,一个立方体,很重要的东西,后的章节会以它来进行分析的.

新建一ActionSpript文档,将下面的代码复制到文档中:(这个效果来自网络)

package {
import flash.display.Sprite;
import flash.events.Event;
import org.papervision3d.cameras.Camera3D;
import org.papervision3d.materials.WireframeMaterial;
import org.papervision3d.materials.utils.MaterialsList;
import org.papervision3d.objects.primitives.Cube;
import org.papervision3d.render.BasicRenderEngine;
import org.papervision3d.scenes.Scene3D;
import org.papervision3d.view.Viewport3D;
[SWF ( width = '640', height = '480', backgroundColor = '#ffffff', frameRate = '31' ) ]
public class RotatingCubeExample extends Sprite {
private var viewport:Viewport3D;
private var scene:Scene3D;
private var camera:Camera3D;
private var renderer:BasicRenderEngine;
private var cube:Cube;
public function RotatingCubeExample(){
initPapervision3D();
createCube();
beginRender();
}
private function initPapervision3D():void{
viewport = new Viewport3D();
addChild(viewport);
scene = new Scene3D();
camera = new Camera3D();
renderer = new BasicRenderEngine();
}
private function createCube():void{
var allM:WireframeMaterial = new WireframeMaterial();
var m:MaterialsList = new MaterialsList();
m.addMaterial(allM, "all");
//width, depth, height
var w:Number = 300;
var d:Number = 500;
var h:Number = 700;
//segments S, T, and H
var sS:int = 2;
var sT:int = 3;
var sH:int = 4;
cube = new Cube(m, w, d, h, sS, sT, sH);
scene.addChild(cube);
}
private function beginRender():void{
//calls the render function every frame
addEventListener(Event.ENTER_FRAME, render);
}
private function render(e:Event):void{
//rotates around the vertical axis
cube.yaw(2);
//rotates around the lateral axis
cube.pitch(1);
renderer.renderScene(scene, camera, viewport);
}
}
}

将文件保存为:RotatingCubeExample.as

接下来,新建一AS3.0的flash文档,将它保存在与RotatingCubeExample.as 相同的目录中.

打开属性面板,在文档类栏中输入:RotatingCubeExample

OK,测试影片,如果你看到下面的效果,说你已经设置成功了,而且,你已经完成了,你的第一个PV3D作品.

对本文感兴趣的朋友可以到这里提交作业，老师会为作业点评、加分：http://bbs.jcwcn.com/viewthread.php?tid=248865