资源简介

(共12张PPT)
本章简介：
Animate动画具有交互性，可以通过对按钮的控制来更改动画的播放形式。本章将介绍控制动画播放、按钮状态变化、添加控制命令的方法。读者通过学习要了解并掌握如何实现动画的交互功能，从而实现人机交互的操作方式。
第11章　交互式动画的制作
课堂学习目标
掌握播放和停止动画的方法
掌握按钮事件的应用
了解添加控制命令的方法
11.1　播放和停止动画
课堂案例——制作祝福语动态海报
播放和停止动画
使用导入素材制作按钮元件；使用创建补间形状命令和遮罩命令制作文字动画效果；使用动作面板添加脚本语言。
效果图
11.1.1　课堂案例——制作祝福语动态海报
控制动画的播放和停止所使用的动作脚本如下。
（1）stop()：用于在此帧进行停止。
例如：
stop();
（2）gotoAndStop()：用于转到某帧并停止播放。
例如：
stop_Btn.addEventListener(MouseEvent.CLICK,nowstop);
function nowstop(event:MouseEvent):void{
gotoAndStop(2);
}
11.1.2　播放和停止动画
（3）gotoAndPlay()：用于转到某帧并开始播放。
例如：
start_Btn.addEventListener(MouseEvent.CLICK,nowstart);
function nowstart(event:MouseEvent):void{
gotoAndPlay(2);
}
11.1.2　播放和停止动画
（4）addEventListener()：用于添加事件的方法。
例如：
所要接收事件的对象.addEventListener(事件类型、事件名称、事件响应函数的名称)；
{
//此处是为响应的事件所要执行的动作
}
11.1.2　播放和停止动画
11.2　按钮事件
stop();
//处于静止状态
var playBtn:playbutton = new playbutton();
//创建一个按钮实例
playBtn.addEventListener( MouseEvent.CLICK, handleClick );
//为按钮实例添加监听器
var stageW=stage.stageWidth;
var stageH=stage.stageHeight;
11.2　按钮事件
//依据舞台的宽和高
playBtn.x=stageW/1.2;
playBtn.y=stageH/1.2;
this.addChild(playBtn);
//添加按钮到舞台中，并将其放置在舞台的左下角（“stageW/1.2”“stageH/1.2”宽和高在x轴和y轴的坐标）
function handleClick( event:MouseEvent ) {
gotoAndPlay(2);
}
//单击按钮时跳到下一帧并开始播放动画
控制鼠标跟随所使用的脚本如下。
root.addEventListener(Event.ENTER_FRAME,元件实例);
function 元件实例(e:Event) {
var h:元件 = new 元件();
//添加一个元件实例
h.x=root.mouseX;
h.y=root.mouseY;
//设置元件实例在x轴和y轴的坐标位置
root.addChild(h);
//将元件实例放入场景
}
11.3　鼠标效果
使用导入命令导入素材制作元件；使用创建传统补间命令制作传统补间动画；使用动作面板添加脚本语言。
课堂练习——制作端午海报
效果图
使用椭圆工具制作圆形装饰图形；使用文本工具输入文本；使用创建元件命令制作按钮元件。
课后习题——制作动态图标
效果图

展开更多......

收起↑