Flash 3D引擎(Sandy3D)应用指南 3a——摄像机调焦和调整屏幕尺寸。

来源:互联网 发布:数据可视化 d3.js 编辑:程序博客网 时间:2024/05/22 01:03

 原文地址:http://www.flashsandy.org/tutorials/3.0/sandy_cs3_tut03a

 

指南目标

在这个指南里我们有很多用代码渲染3D物品的实际尺寸的需求。我们想我们的摄像机可以为此提供一些帮助...但显然它没有。

 

前期准备

我们最少要完成了最简单的例子( simplest tutorial. )

 

视图域,可视点的高度和集距(Field of view, viewport height and focal length)

在Sandy中camera 有表示视图角度的垂直域(vertical field of view angle) 的fov 属性。fov和可视点的高度的关系的图解如下:

在这里我们很容易就可以计算出集距:

var fl:Numer = (viewport.height / 2) / Math.tan (camera.fov / 2 * (Math.PI / 180));

这个平台后面的所有东西看上去都会比“实际”小,而平面前面的东西会显得比实际大。

 

调整屏幕尺寸

如上文所述,我们怎么在改变屏幕大小时维持对象为1:1的关系呢? 诀窍是捕获Event.RESIZE事件和重置camera的fov属性以维持必要的焦距。下面是实例的代码:

 

import flash.display.*;import flash.events.*import sandy.core.Scene3D;import sandy.core.scenegraph.*;import sandy.primitive.*;import sandy.materials.*// make texture, assuming class Texture extends BitmapDatavar tex:BitmapData = new Texture (0, 0)// set stage to no-scale modestage.scaleMode = StageScaleMode.NO_SCALE; stage.align = StageAlign.TOP_LEFT// some standard Sandy stuffvar scene:Scene3D = new Scene3D ("myScene", this, new Camera3D (100, 100), new Group ("myRoot"));var plane:Plane3D = new Plane3D ("myPlane", tex.height, tex.width);plane.appearance = new Appearance (new BitmapMaterial (tex))// add plane to scene and render it to fill its view matrixscene.root.addChild (plane); scene.render ()// finally, make resize handlerfunction onResize (e:Event):void{// get new stage dimensionsvar w:Number = stage.stageWidth;var h:Number = stage.stageHeight;// update the viewportscene.camera.viewport.width = w;scene.camera.viewport.height = h;// get plane distance to cameravar d:Number = plane.getPosition ("camera").getNorm ();// focus camera on wz = d for 1:1 scalescene.camera.fov = 2 * Math.atan2 (h / 2, d) * (180 / Math.PI);// re-render the scenescene.render();} stage.addEventListener (Event.RESIZE, onResize); onResize (null);

 

 

 

 

 

代码下载:fov.zip

 

 

 

 

 

 

 

 

 

 

原创粉丝点击