选择显示字体大小

flash中的3d投影

原文地址:www.bit-101.com/tutorials/perspective.html
原文作者:keith peters
ps:第一次翻译的,错的请指出。

这里我简单的对3d投影做了解释,首先我们看看3d完美运用的网站:http://www.voxangelica.net 

在new masters of flash 2002 annual看了他发表的文章并且学到了很多,我现在尝试去分析这个3d效果:
------
最基础的3d投影公式是:
scale=fl/(fl+z);
//这里我理解scale为投影比例
fl是焦点距离(也就是眼睛到屏幕的距离)
z是物体在屏幕里的深度;
---------------
看看下面的剖面图:

你可以知道焦距f1和(z+f1);
scale=fl/(fl+z);
这里定义f1=150;
如果z=0,你可以得出:
scale = 150/(150+0);

再看下面:
如果z=100,你可以得出:
scale = 150/(150+100);
投影比例将为0.6。
如果 z=500(离屏幕很远很远...)
scale = 150/(150+500);
投影比例将大约为0.23;

从上面你可以看出当你不断增加z时,投影比例scale将会越来越小,不断接近0,当z刚好为0的或者刚好在屏幕上,投影比例将会为1.

但要怎样运用投影比例?你会从上面的图解发现,当距离屏幕的距离不断变大时,有两样东西会减少:
1.物体的大小;
2.越来月接近中点或者消失点;
但在flash语言中仅仅和_xscale 和 _yscale 和 _x 和 _y.有关;
下面你会得知如何运用它,首先你要定义你的x,y和z的值,你可以这样写:

scale=fl/(fl+z);
_x=x*scale;
_y=y*scale;
_xscale = _yscale = scale*100;

你可以从中看出地平线或者消失点是在(0,0)点。总的来说,当物体离你越来越远,它们将会接近消失点(0,0),而在flash中,就是主舞台左上角的点,如果你要使你的物体放在屏幕的中间,你可以像下面这样写:

xcenter=275;
ycenter=200;
scale=fl/(fl+z);
_x=x*scale+xcenter;
_y=y*scale+ycenter;
_xscale = _yscale = scale*100;


你现在要了解在中心的左边是x轴的负方向,正方向是中心点的右边,y轴的负方向在你视线的上方,下方是y轴的正方向.

我希望你可以了解和运用我说的和不断的使它演变的更有趣;如果你成功了,请务必要告诉我,如果你有任何意见或深一步分析最后的结论,请将副本发给我参考,谢谢。

flash/swflash.cab height=250 width=500 classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000>flashvars" value="">idea.com/articleimg/2004/05/1855/3d.swf">idea.com/articleimg/2004/05/1855/3d.swf">access" value="never">idea.com/articleimg/2004/05/1855/3d.swf" width="500" height="250" play="true" loop="false" menu="true" quality="high" allowscriptaccess="never" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

下载源文件

 


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons