Flash MX的坐标系统简介

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

1主场景的坐标系统和影片剪辑元件的坐标系统

(1)在进行的Flash游戏开发的时候,很多时候都用了Flash的坐标系统,例如拼图戏也都用到了Flash的坐标系统,这对于了解Flash很重要。

(2)Flash中的主场景坐标系统与影片剪辑元件的坐标系统的中心原点不相同,主场景坐标系统中心原点是舞台工作区的左上角,如图所示。

screen.width-333)this.width=screen.width-333" border=0

(3)影片剪辑元件的坐标系统原点如图所示,它是以影片剪辑元件的中心十字为原点的

screen.width-333)this.width=screen.width-333" border=0

2影片剪辑元件与主场景坐标系统的关系

当把影片剪辑元件拖拽到主场景中时,就建立了一个坐标系统关系。

(1)建立一个Flash动画,长宽分别为:width=300,height=300。创建一个影片剪辑元件,在影片剪辑元件中绘制一个

长宽都是100px的蓝色正方形。注意一定要将蓝色正方形的中点对准影片剪辑元件的中心十字。主场景的坐标系统与影片

剪辑元件坐标系统是靠影片剪辑元件中心十字来对齐的。

(2)回到动画主场景工作区中,将影片剪辑元件从“库”面板中拖拽到主场景舞台工作区中,位置如图所示。

screen.width-333)this.width=screen.width-333" border=0

(3)在主场景舞台工作区中,绘制两个动态文本框,上面的文本框用于显示“PointA”变量的值,下面的文本框用于显示“PointB”的值,如图所示。

screen.width-333)this.width=screen.width-333" border=0

(4)选中主场景中的影片剪辑元件实例,调出“属性”面板,为这个影片剪辑元件起了一个名字“MC”。

(5)在“MC”影片剪辑元件实例中加入如下ActionScript脚本代码:

onClipEvent(mouseMove){

updateAfterEvent();

_root.pointA="_root.xpos:" add _root._xmouse add newline add"_root.ypos:" add _root._ymouse;

_root.pointB="mc.xpos:" add this._xmouse add newline add"mc.ypos:" add this._ymouse;

}上面的脚本中,“-root.-xmouse”是获得鼠标在主场景中的位置,它的参考坐标系是主场景,通过实验可以看到

主场景的左上角是“0”,即坐标原点。

“this-xmouse”和“this.-ymouse”是获得鼠标在影片剪辑元件的中心十字坐标是“0”,即坐标原点。

(6)测试电影动画,观察效果,如图所示

screen.width-333)this.width=screen.width-333" border=0

点击这里可以看一下效果

点击浏览该文件

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航