Animate动画设计与制作实例教程（Animate CC 2019） 课件 项目九 制作网站.pptx

Animate动画设计与制作实例教程

（AnimateCC2019）;项目九制作网站;学习目标

掌握影片剪辑控制脚本的使用方法；

掌握网页元素控制脚本的使用方法；

掌握键盘事件的使用方法；

掌握摄影网页、学院招生网站、产品销售网站的制作方法。;ActionScript3.0脚本在“动作”面板中脚本窗口内进行编辑，如图9-1所示，在“动作”面板中，可以使用内置的“代码片段”工具简化脚本设计和编写，代码片段中集成了常见的各种事件和功能代码。选定对象，直接双击相应代码片段即可把代码添加到编辑框内，根据实际需要完善修改即可，其调入可以直接在“动作”面板中单击脚本选项中的快捷工具图标调入，也可通过在主菜单中执行“窗口”“代码片段”命令，在打开的对话框中调入，如图9-2所示。;?图9-1???????????????????????????????????????????????图9-2;1．影片剪辑元件的属性

（1）坐标：Animate场景中的每个对象都有它的坐标，坐标值以像素为单位。Animate场景的左上角为坐标原点，它的坐标位置为(0,0)，前一个表示水平坐标，后一个表示垂直坐标。Animate默认的场景大小为550像素×400像素，即场景右下角的坐标为(550,400)。场景中的每一点分别用X和Y表示x坐标值和y坐标值。

（2）鼠标指针位置：利用影片剪辑元件的属性，不但可以获得坐标位置，还可以获得鼠标指针位置，即鼠标指针在影片中的坐标位置。表示鼠标指针坐标属性的关键字是mouseX和mouseY，其中mouseX代表指针的水平坐标位置，mouseY代表指针的垂直坐标位置。

;（3）旋转方向：rotation属性代表影片剪辑的旋转方向，它是一个角度值，范围为?180°～180°，可以是整数，也可以是浮点数。如果将它的值设置在这个范围之外，系统会自动将其转换为这个范围之间的值。

（4）可见性：visible属性即可见性，使用布尔值true（1）或者false（0）表示。为true表示影片剪辑可见，即显示影片剪辑；为false表示影片剪辑不可见，即隐藏影片剪辑。

;（5）透明度：alpha属性决定了影片剪辑的透明程度，范围为0～100，0代表完全透明，100表示不透明。

（6）缩放属性：影片剪辑的缩放属性包括横向缩放scaleX和???向缩放scaleY。scaleX和scaleY的值代表相对于“库”面板中原影片剪辑的横向尺寸width和纵向尺寸height的百分比，而与场景中影片剪辑实例的尺寸无关。

（7）尺寸属性：与scaleX/scaleY值的属性不同，width和height代表影片剪辑的绝对宽度和高度，而不是相对比例。;2．绝对路径和相对路径

路径分为绝对路径和相对路径，它们的区别是到达目标对象的出发点不同。绝对路径是以当前主场景（即根时间轴）为出发点，以目标对象为结束点；而相对路径则是从发出指令的对象所在的时间轴为出发点，以目标对象为结束点。;3．载入库中的影片剪辑

在Animate中，可以从“库”面板中将影片剪辑拖到“舞台”上，使它们出现在SWF文件中。当使用ActionScript3.0添加影片剪辑时，实际上是将一个影片实例添加到时间轴上。帧是时间轴的一部分，可以使用“动作”面板将ActionScript3.0代码与帧关联。

用于添加影片剪辑的ActionScript3.0代码有以下2个。

（1）DisplayObjectContainer类

DisplayObjectContainer类是可用作显示列表中显示对象容器的所有对象的基类。使用DisplayObjectContainer类可排列显示列表中的显示对象。每个DisplayObjectContainer对象都有自己的子级列表，用于组织对象的z轴顺序。z轴顺序是由前至后，可确定哪个对象绘制在前，哪个对象绘制在后等。

;（2）addChild()方法

格式为：publicfunctionaddChild(child:DisplayObject):DisplayObject

功能：将一个DisplayObject子实例添加到该DisplayObjectContainer实例中。子项将被添加到该DisplayObjectContainer实例中其他子项的前（上）面（要将某子项添加到特定索引位置，应使用addChildAt()方法）。

参数child:DisplayObject是作为该DisplayObjectContainer实例的子项添加的DisplayObject实例。;4．拖曳影片剪辑

在ActionScript3.0中，startDrag()方法