Flash动画中元件准确定位探索1.doc

Flash动画制作中元件准确定位探索作者简介：1张玉霞，女（1974），甘肃西峰人，讲师，主要从事现代教育技术教学及研究工作2马月进，女（1972），甘肃镇原人，讲师，硕士，主要从事教育技术教学与研究张玉霞1 马月进2 (陇东学院 计算机与信息科学学院 甘肃庆阳 邮编：745000)摘 要：结合实践，本文分析了在Flash动画制作过程中元件定位不准的原因，并在此基础总结出了使Flash元件准确的定位的方法与技巧。关键词：Flash；动画制作； 元件定位中图分类号：TP393Symbol Accurate Location in Flash Animation MakingMa Yuejin(College of Computer Science and Information, Longdong University, Qingyang Gansu,745000,China)Abstract: Combined the working practice, the reason why the symbols are not posited accurately in Flash cartoon making is analyzed, and on this foundation some methods and skills which can make the symbols accurate localization in Flash animation are proposed in this paper.Key words: Flash; cartoon making; symbol position Flash是一款交互式平面动画设计与制作软件。它采用的是矢量绘图技术, 而矢量图是可以无限放大却不失真, 由于动画是由矢量图构成的, 生成的文件体积较小，便于网上传输与播放；同时Flash文件是用插件播放的，与操作系统和浏览器无关；Flash支持流媒技术，具有边欣赏边下载等优势，使Flash成为网络世界的宠儿。但在Flash动画制作过程中，要实现元件的准确定位却不是一件容易的事，需要掌握一定的方法与技巧。1 现象与原因分析我们在Flash软件编辑舞台上基于时间轴制作动画时，或者在利用变形工具对对象进行变形、复制等处理，或者在利用AS控制场景中元件的属性，例如坐标，透明度，缩放等时，常常会出现元件定位不准确的现象。这种现象实质上是由于我们在软件编辑窗口上操控对象与利用AS控制元件时的参照点不同所引起的，即在Flash软件操作窗口中计算对象的坐标与在AS中计算元件坐标的基准点是不一致的。2 Flash注册点与中心点在编辑状态下，当点选一个元件时，总会看到上面有两个标记，如图1，一个是十字，一个是圆圈，其中十字架代表的是注册点，即对象自身的参考点，也就是元件编辑界面中的坐标原点（0，0）。圆圈代表的是元件的中心点，元件的中心点在选中状态下可以进行移动，放弃选中则恢复到元件的几何中心。当将场景中选定的对象转化为元件时，在元件转换窗口就有“注册”选项，如图2，其中九个小方格都是可以点选的，如果选择左上角的小方格建立一个mc，这时会看到十字架在mc左上角，圆圈在元件的中心，也就是说mc的注册点在左上角，如果选择右下角的小方格建立mc，则会看到十字架在mc右下角，圆圈仍在元件的中心，（如图3、图4），由此证明选中的方格代表元件注册点的位置。 图 1 图2 图 3 图 43 Flash中元件的定位下面我们通过实验来测试Flash中元件的定位：首先在场景中画一个矩形，并且转化为元件mc。（1）打开信息面板，可以看到mc的信息面板上也有与“注册”选项中相同的九个小方格，但只有左上角和中心的两个小方格能够点选，而且mc的坐标（x，y）在信息面板的值与属性面板的一致；无论mc的注册点选在那里，当信息面板上选左上角的方格时，mc的坐标（x，y）始终与鼠标在元件外边框左上角位置的坐标一致，即与元件最大外边框左上角的坐标一致，即使移动mc的位置，结果也是一致的，如图5；当信息面板选中心的方格时，则mc的坐标（x，y）在信息面板与属性面板上都会发生同样的变化，并且始终与mc上的圆圈位置的坐标一致，即使改变mc上的圆圈位置，结果也是一致的，如图6。这其实只是更改了窗口操作环境下的坐标参照点，即信息面板上的小方格。图 5图 6（2）在场景中更改mc的坐标和缩放。当元件在拖入场景后，形成中心点，默认情况下按钮的中心点与注册点位置重合，mc和图形的中心点位于该元件的几何中心；元件的中心点可以通过任意变形工具进行改变，但注册点无法从外部改变；所有的旋转和缩放都是围绕着相应的中心点进行的；元件发生缩放时，是以中心点为基准进行的，因此，距中心点越远，元件缩放后在场景中的坐标值变化就越多；元件发生旋转后由水平线与垂直线构成的最大外框的左上角成为元件在场景中的新坐标。测试证明，在Flash窗口操作环境下控制元件的坐标，参照点是看信息面板上设置的参照位置，默认是元件中心；形变参照点是元件的中心点，也就是元件上的圆圈标记,在形变工具的作用下，这个点位置是可以自由调整的。（3）使用AS来控制mc的坐标和缩放。为了对比明显，我们可以把mc复制一份在原位置，然后控制另外一个mc。例如我们给它一个实例名_mc，然后写上脚本：onMouseDown = function()_mc._x =_mc._y=100;_mc._xscale =_mc._yscale = 150; 测试证明，使用AS控制时，mc的参照点是注册点位置，也就是十字架的位置；AS代码生成的影片剪辑的注册点总是位于其内部的左上角（0，0）点；一个mc只有唯一的一个注册点，在编辑状态下，选中mc中内嵌的mc，显示出来的另一组注册点及中心点，是下一级mc（也就是内嵌mc）的注册点与中心点，与当前mc无关。经过上面的试验我们可以得出一个结论，在Flash场景下控制元件的坐标，参照点是元件信息面板上选择的参照点，默认是元件中心点；控制元件缩放，参照点是元件中心点，也就是圆圈所在位置；使用AS控制元件的坐标和缩放，参照点都是元件的注册点，也就是元件上的十字标记；改变mc的_rotation，mc内部的坐标系会相应地进行旋转，而内置元件的注册点坐标相对于mc的基准点来说总是不变的。4 Flash中坐标的运算方式4.1 Flash 中的坐标系场景中的坐标系可视为绝对参照系，它的坐标原点O在场景的左上角，水平向右为X轴的正向，垂直向下为Y轴的正向；元件中的坐标系可视为相对参照系，进入元件编辑环境中可以看到一个“+”标志，这个“+”标志为元件的原点，即该坐标系的原点O，在相对参照系中同样是水平向右为X轴的正向，垂直向下为Y轴的正向。4.2 Flash 中坐标的运算方式Flash中元件的位置关系可以分为两种：主场景中的mc和主场景中mc中嵌套的mc，这二者坐标的参照是有区别的。主场景中mc的（_x，_y）属性点，是由元件的注册点决定的，即由十字架的交点在场景中的坐标决定；信息面板中元件还有另一坐标（x，y），而这个（x，y）是由元件的坐标点决定的，即信息面板上方框中的小黑点，此点可看作是元件的坐标点，改变这点的位置，相应元件的坐标会发生改变。因为参照对象发生了变化：如果选取左上方的黑点，那么坐标的参照点为这个元件图形左边的垂直切线和上边的垂直切线的交点，即元件左上角的点；如果选取中间黑点，那么参照点为元件上的那个圆圈。mc嵌套的情况其实和主场景中mc的情况是一样的，唯一的区别就是变换了参照对象，主场景中mc的参照对象是_root，而mc中嵌套的mc的参照对象则换成了_rootmc，而注册点和坐标点的概念是没有改变的。5 结论虽然Flash软件操作界面中计算坐标的方式和AS中计算坐标的方式不一样，但Flash软件操作界面中计算坐标的基准点始终是元件的中心点，即小圆圈；AS中计算坐标的基准点始终是元件的十字心。如果元件的注册点都设置成左上角，信息面板的小黑点也选左上角，那么AS计算坐标的十字注册点和软件操作界面计算的元件坐标的基准点为同一点；如果元件的十字注册点设置在元件的中心，信息面板的小黑点也选中心点，那么AS计算坐标的十字注册点和软件操作界面计算的元件的中心点也为同一点，那么他们的结果就一样。因此通常情况下，如果习惯把元件的十字注册点放在左上角，那么就把信息面板的小黑点选为左上角。如果习惯把元件放在十字注册点的中心点，那么就把信息面板的小黑点也点选为中心点。但如果要做波表，或者钟摆等特殊效果，需要元件的十字注册点处在不规则的位置，则可以用变形工具把元件上的圆圈标记移动在十字注册点，信息面板的小黑点选中心点，这样就能保证在任何情况下Flash软件操作界面下的坐标和AS中计算的坐标一样。参考文献：1李建防Flash精确定位动画的方法及其应用J实验科学与技术200642张凡等Flash CS3中文版基础与实