Download presentation
Presentation is loading. Please wait.
1
Flash编程初步 马秀麟 2017年5月
2
一、Flash编程简介 1、Flash中的行为动画 行为动画的必要性 单纯地以界面设计动画的局限性 基于代码的动画制作 单调，不够自由
无法交互 难以对内部嵌套元件的控制 基于代码的动画制作 人工控制动画中实例的运动效果 利用程序代码更精细地控制对象 2018/12/29 制作人：马秀麟
3
一、Flash编程简介 行为动画技术的发展 Flash ActionScript 2.0 特点 传统的技术 代码可被添加到按钮、关键帧上
缺陷 代码分散存放 运行效率较低 代码非专业化 2018/12/29 制作人：马秀麟
4
一、Flash编程简介 Flash ActionScript 3.0 特点 新型的技术，更专业，与Java类似 代码被添加到关键帧上
作用于按钮的代码需要绑定 优势 代码集中存放 运行效率高 更专业，与专业的开发语言类似 2018/12/29 制作人：马秀麟
5
二、行为动画初步（编码） 1、按钮元件与实例 A. 按钮的概念 按钮元件 按钮实例 插入——新建元件 选择“按钮”类型
选择“按钮”类型 按钮实例 作为一种可以插入动作（行为）的特殊对象，按钮可以按照插入的代码对Flash的播放过程进行控制。也就是说，按钮可以被添加特殊的控制代码。 2018/12/29 制作者：马秀麟
6
二、行为动画初步（编码） B. 按钮的制作 命令 此符号包括四个关键帧 说明：
【插入】－【新元件】（新符号）（[F8]），选择元件属性【按钮】（Button），名称任意。系统将进入按钮符号（元件）设计阶段。 此符号包括四个关键帧 UP, OVER, DOWN和Hit。分别是按钮的通常形态，鼠标悬停于按钮上的形态和鼠标按下时的形态。 Hit用于定义能引起鼠标反映区域。 说明： 在前三个关键帧中可以使用图片，电影片断。系统将有不同的播放效果。 按钮的效果通常在播放电影时才能实现。（即【控制】【测试电影】）。 2018/12/29 制作者：马秀麟
7
二、行为动画初步（编码） 2、行为动画技法 A. 认识Action面板 B. 为关键帧添加指令
窗口——动作面板（或者键入<F9>） B. 为关键帧添加指令 在时间轴上的特定位置单击鼠标，然后敲击[F6],把这一帧变成关键帧； 展开动作面板 从动作面板左侧的动作中选择合适的指令添加到右侧窗口中。 2018/12/29 制作者：马秀麟
8
二、行为动画初步（编码） C. 为按钮添加指令 基本方法 借助“代码片段”窗口
把制作好的按钮元件拖动到场景中，构成按钮实例（为避免与其他实例混淆，造成现有动画失效，我们通常可以为按钮单独建立一个图层，把按钮的实例放到一个独立的图层中）。 展开动作面板（如果窗口底部没有动作面板，则可以利用【窗口】－【动作】，把这个面板打开。） 然后从动作面板左侧的动作中选择合适的指令添加到右侧窗口中。 借助“代码片段”窗口 利用“代码片段”窗口，可快速地添加一组代码 2018/12/29 制作者：马秀麟
9
二、行为动画初步（编码） 3、关键指令 播放过程控制指令 访问网页： 控制声音： 按钮控制命令： Play(); stop();
gotoAndPlay(场景号，帧号); gotoAndStop(场景号，帧号); 访问网页： getURL(“网址”,””,”POST”)； 控制声音： stopAllSounds(); 按钮控制命令： on(press) { 若干语句；} On(release) { 若干语句；}
10
三、行为动画实例 1、控制动画播放的按钮 案例要求 实现过程 为蜜蜂采蜜动画添加两个按钮，一个为播放，一个为停止。
①打开前面制作好的蜜蜂采蜜动画：sd9h08.fla,另存为sdbh02.fla; ②采用命令【插入】【新元件】的方法，为本文件插入两个按钮元件：“播放”和“停止”。 ③回到场景中，新插入一个图层，然后把两个元件拖动到这个图层中的适当位置，形成两个按钮实例。 2018/12/29 制作者：马秀麟
11
三、行为动画实例 (效果图) ④选择“播放”实例，打开动作面板，为它添加代码：On(release){play();}
⑤选择“停止”实例，打开动作面板，为它添加代码：On(release){stop();} 保存此动画，单击播放和停止按钮，观察动画效果。 (效果图) 2018/12/29 制作者：马秀麟
12
三、行为动画实例 2、链接网页的按钮 案例要求 操作方法
为蜜蜂采蜜动画添加两个按钮，一个为调用其他Flash动画，一个为调入北京师范大学主页。 操作方法 ①打开前面制作好的蜜蜂采蜜动画：sd9h08.fla,另存为sdbh03.fla; ②采用命令【插入】【新元件】的方法，为本文件插入两个按钮元件：“新动画”和“北师大”。 ③回到场景中，新插入一个图层，然后把两个元件拖动到这个图层中的适当位置，形成两个按钮实例。 2018/12/29 制作者：马秀麟
13
三、行为动画实例 ④选择“新动画”实例，打开动作面板，为它添加代码：on (press) {loadMovie("sdaj02.swf","","POST");} ⑤选择“北师大”实例，打开动作面板，为它添加代码：on (press) {getURL("http: // ", "_blank","POST");} 保存此动画，单击“新动画”和“北师大”按钮，观察动画效果。 (效果图) 2018/12/29 制作者：马秀麟
14
三、行为动画实例 3、控制影片剪辑内部对象的案例 案例要求 操作方法 核心技术 制作动画，以按钮控制内部影片剪辑对象的动作 略
on(press) { 实例名.stop(); } 或者： 2018/12/29 制作人：马秀麟
15
三、行为动画实例 4、实例跟随鼠标跑动的案例 制作一个影片剪辑类型的元件 在场景中依据元件创建实例，并命名为xx; 在首帧添加代码：
onEnterFrame=function(){ xx._x=_xmouse; xx._y=_ymouse; } 补充说明： _xmouse代表鼠标的横坐标位置 _ymouse代表鼠标的纵坐标位置 2018/12/29 制作人：马秀麟
16
三、行为动画实例 (效果图) 5、几个较复杂的案例 (效果图) (1)走迷宫 (2)拼图游戏 (3)编写下拉式菜单 2018/12/29
(1)走迷宫 (效果图) (2)拼图游戏 (效果图) (3)编写下拉式菜单 2018/12/29 制作者：马秀麟
Similar presentations
