ActionScript3的3D引擎 - Papervision3D

原文地址: http://www.open-open.com/lib/view/1328844254686

 Papervision3D是一个基于ActionScript的开源项目,目的在于实现更加炫丽美观、功能强大的Flash 3D Web应用程序。尤其是去年ActionScript 3发布了之后,ActionScript的效率得到了大幅度提升,基于此的Papervision3D无论是在效率、功能上都有了很大的提高。随着现在Web 2.0、Web-Game及休闲类竞技网络游戏的发展,相信Papervision3D的应用将会越来越广泛。
  同时在Flash 大量应用的今天,Flash在 3D领域的应用相对贫乏,但是如果能在Flash Player中播放,体积小,与用户交互能力强,效果逼真的3D web应用程序,无疑将给用户带来全新的体验。
  资料:
  主页:http://www.papervision3d.org
  Google code:http://code.google.com/p/papervision3d/
  Google code SVN:http://papervision3d.googlecode.com/svn/trunk/ 
       PV3D的大量例子:http://blog.davr.org/pv3d-examples/

以下是一篇: Papervision3D基本原理

PV3D是一个开源的遵循MIT协议的使用AS3代码写成的3D引擎。这篇文章旨在教会各位如何使用PV3D完成一个HELLOWORD式的3D程序,同时也是这篇教程的最近更新。PV3D2.0 Alpha(也称GW)对于初学者来说使用PV3D最大的障碍在于如何安装PV3D,由于对版本控制软件不熟是造成无法完成PV3D安装的主要原因,第一部分的三节阐述了这个问题,但是不是这篇文章的主要内容,如果你对版本控制软件不熟悉的话,那么你可以看看这部分。

【笔者注:】安装PV3D完全没有必要使用版本控制软件,PV3D说白了就是一个FLEX的库,如果你知道如何在FLEX中使用和导入库,那么你完全没有必要使用版本控制软件,笔者的做法是到GOOGLE CODE网站去下载一个ZIP包,软后解压缩到一个文件夹,将该文件夹包含在我的项目的库目录中就可以了,至于说更新,那么重新下载一个就搞定了。

       再者版本控制软件的使用教程,网上多如牛毛,我在这里也就不再累述了。第一节的三个部分都不做翻译,在译文中直接略去,望大家谅解

省略PV3D安装部分。

Papervision3D at the following link then skip to the “Foundation of Papervision3D” section:

·   Revision 435: /trunk/branches/GreatWhite/src

If you don’t know what to do with that link, then continue on reading the links in the first three sections.

Download

First, you need to download Papervision3D using subversion. Follow the instructions at either of these sites:

·   How Can I Download Papervision3D?

·   Downloading Papervision3D Alpha Great White

Classpath类路径

:为PV3D设置一个源代码文件夹

·   如果使用的是Flash:

·   关于如何设置和修改源文件路径

·   如果使用的是FLEX:

·   准备一个PV3D的项目

Document Class文件类

Create a document class to hold the required ActionScript:创建一个源文件

·    如果使用的是Flash:

·   使用AS3.0创建一个新的文档类

·   Using Flex: 如果使用的是FLEX:

·   创建一个新的AS工程

·   使用FLASHDEVELOP 集成环境

·   创建一个PV3D项目

 

Foundation of Papervision3D PV3D基础

.我尽量使得代码看起来简单以适应那些新上手AS3.0的用户,但是我还是要假定你们知道类的基础,如何写方法,如何实例化对象等等,如果还不懂得这些的话,那么你可以参看OREILY的AS3.0编程基础一书,对你非常有帮助,当我实例化对象的时候,我同时还假定了你自己会去导入那些我遗漏的包。

每个Papervision3D程序都要依赖于4个类,Viewport3D, Scene3D, Camera3D ,和BasicRenderEngine. 
先看一下,下面就是经典的papervision3D程序格式:

01 package{
02 import flash.display.Sprite;
03 import org.papervision3d.cameras.Camera3D;
04 import org.papervision3d.render.BasicRenderEngine;
05 import org.papervision3d.scenes.Scene3D;
06 import org.papervision3d.view.Viewport3D;
07 public class Main extends Sprite{
08 private var viewport:Viewport3D;
09 private var scene:Scene3D;
10 private var camera:Camera3D;
11 private var renderer:BasicRenderEngine;
12  
13 public function Main(){
14 initPapervision3D();
15 }
16  
17 private function initPapervision3D():void{
18 viewport = new Viewport3D();
19 addChild(viewport);
20  
21 scene = new Scene3D();
22 camera = new Camera3D();
23 renderer = new BasicRenderEngine();
24  
25 renderer.renderScene(scene, camera, viewport);
26 }
27 }
28 }

Viewport3D:(3D视窗)

Viewport3D就象是papervision3D世界中的一个窗口.窗口允许你看到外面,但他们没提供其它函数.你可以定位一个窗口在墙上, 改变它的宽度和高度,同样的道理也存在于Viewport3D上,你可以改变Viewport3D的x,y,width,height.,它的功能就是在它里面放一个3D场景.要使用Viewport3D,创建它并将它放在舞台上. 
private var viewport:Viewport3D = new Viewport3D(); 
addChild(viewport); 
查看下面的Viewport3D的省缺参数,你可以根据自已的喜好来调节. 
Viewport3D(viewportWidth:Number = 640, viewportHeight:Number = 480, 
autoScaleToStage:Boolean = false, interactive:Boolean = false, 
autoClipping:Boolean = true, autoCulling:Boolean = true)

Scene3D:(3D场景)

继续使用窗口的比喻,一个Scene3D将包含你通过窗口看到的所有东西.地面,天空及之间的所有东西.然而,这个Scene3D仍然是一个空的3D空间,你不得不添加地面,天空,树等到你的Scene3D.下面创建了一个Scene3D. 
private var scene:Scene3D = new Scene3D();

Camera3D(3D照相机)

一个窗口和窗外的世界是漂亮的, 但如果没有一个人来兴赏它们的漂亮则毫无意义.你很幸运,Papervision3D开发者创建了照相机,捕获这一切的动作.一个Camera3D允许你根据你想捕获的动作设置其x,y,z属性.想象一下第一人称的枪和飞行模似器.(一个三维游戏,译者注).你移动你的角色围绕周围的空间调整当前的位置. 同样的主意也可用于Camera3D,你可以在整个场景移动相机调节当前位置.

Papervision3D提供三个照相机来实现不同的功能.

Camera3D:需要一个看着的目标,无论在任何位置都看着这个目标.

FreeCamera3D:在3D空间的每一个角度和方向自由移动.包含的方法如:yaw(), pitch(), and roll()来调节相机的视角,而moveForward(), moveBackward(); moveLeft(), moveRight(), moveUp(), and moveDown() 基于视觉调整相机的位置.例如,你将相机放到一个站立的人面前,然后调用moveBackward(),你将移动并远离人的脸.另一方面,如果你将相机定位到人的头上,调用 pitch()向下倾斜看到人的头发,然后调用moveBackward()方法,你将远离人的头发到天空中去. 
FrustumCamera3D:象FreeCamera3D一样的移动,但只能是视窗中提供的对象,你可以调节远距离和近距离. 

BasicRenderEngine 
在papervision3D世界中你是神.你可以随心所欲地开始和停止引擎.BasicRenderEngine通过你选择的Viewport3D中Camera3D的位置的Scene3D. 
private var renderer:BasicRenderEngine = new BasicRenderEngine(); 
//通常在场景的 Event.ENTER_FRAME 事件中 
renderer.renderScene( scene, camera, 
viewport ); 
即使你有多个场景,视窗或照相机,你也只需用一个BasicRenderEngine来渲染3D效果: 
//A snippet of multiple scenes, cameras, and viewport handled by one 
renderer renderer.renderScene( scene, camera, viewport ); 
renderer.renderScene( scene2, camera2, viewport2 );


随着互联网富媒体时代的到来,越来越多的互联网公司、广告公司等迫切需要突破传统超文本格式的新型业务模式,视频和全景展示系统就是其中的代表。 全景展示系统已经越来越多的应用于房地产看房、汽车内部情况查看、数码产品展示等领域,没错,能让您自由在房间里面转来转去体验身临其境观看的,就是全景系统。 户提供最优秀的全景展示系统,减少您重复开发的成本,该系统的特点是: 1、纯Flash开发,因此无需客户安装任何插件,用户打开网页即可观看使用,无需安装Java或者QuikTime插件,终端用户体验更好! 2、动态载入图片,全景播放器和图片分离:无论多少全景场景,整个网站只需一个我们的全景播放器,,将所有场景的图片动态载入,高效方便。有些全景系统,需要对每套图片都生成一个Flash文件,一方面,需要依赖人工操作,耗费了一些时间;另一方面,这类系统每个全景都有一个Flash文件,造成了空间和带宽资源的浪费。而我们的全景系统,只需要公用一个全景播放器,然后任意多的全景场景共用该播放器,节省了空间和带宽成本;更重要的是,当用户需要发布新的全景时,可以通过网站后台,上传几幅图片即可。不需要使用工具生成flash全景,高效便捷,是未来的趋势。 3、支持锚点(热点)功能,可以从一个房间进入另一个房间,自定义任意位置、任意数量的锚点。可以通过网页管理,易于操作。 4、图像高保真,无失真和变形:可以通过下面我们的演示页面,看出我们的全景图像的变形程度,绝无变形和扭曲。 5、提供源代码,是目前国内唯一提供源代码的360度全景展示系统,解除客户后顾之忧。 6、提供全景制作的培训和方案指导:我们提供完善的解决方案和指导服务,从全景图片的拍摄和后期处理,网站的搭建等。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值