第24课时
代码实例 《按钮控制小球移动》
案例说明：
本课将制作一个动画实例“按钮控制小球移动”， 动画在播放时小球处于静止状态，点击按钮后小球开始向某一方向移动，再次点击按钮后小球朝相反的方向移动。动画播放画面如图1所示：
图1 “按钮控制小球移动”动画画面
授课教师：文韬
教学目的：通过本案例的学习，让学生能够掌握Var语句的使用方法和参数；
教学重点：Var语句的使用方法；
教学难点：按钮事件处理函数的使用方法；
教学过程：
一、相关知识
1．ActionScript脚本的应用技巧
FLASH采用类似于JavaScript的编程结构和面向对象的编程思想，采用事件驱动，以关键帧、按钮和影片剪辑实例为对象来定义和编写ActionScript。ActionScript严格区分大小写，例如：myname和myName将被脚本视为两个不同的变量。ActionScript语句以分号（；）字符结束，如：var myNum：Number=10；。
使用动作脚本编程非常容易，它的每一行代码都可以简单地从动作面板中直接调用。在编写过程中，对于输入的动作脚本代码，系统都会检查语法是否有问题，并提示用户如何修改。尤其在编写完成之后，可以直接在动作脚本的调试过程中，检查每一个变量的赋值过程和带宽的使用情况。
2．Var语句的使用和参数
格式：var variable1 [ = value1 ] [, variable2 [ = value2], ...]
功能：使用 var 语句来声明变量。这些变量可以在声明时或声明后在脚本中被赋值。
参数：variable1, variable2是被声明的变量的名字。Value1, value2是赋值给变量的初始化值。
二、案例实现
1．创建动画
(1) 启动FLASH，单击“文件”→“新建”菜单项，在打开的“新建文档”对话框中的“常规”选项卡
中选择“FLASH文件(ActionScript2.0)”选项。新建一个文档，设置文档大小为500*200像素，背景为“白”，命名为“按钮控制小球”，保存文档。
(2) 按CTRL+F8键，打开“创建新元件”对话框，创建名为“xiaoqiu”的影片剪辑元件，在元件编辑窗口中画一个小球，返回到主场景。
(3) 将库中的元件“xiaoqiu”拖到舞台的合适位置，调整好大小，取实例名称“_mc”。 如图2所示：
2．加入按钮
(1) 按CTRL+F8键，打开“创建新元件”对话框，创建名为“anniu”的按钮元件，在元件编辑窗口中画一个按钮，返回到主场景。
图2 小球的设置
(2) 将库中的元件“anniu”拖到舞台的合适位置，取实例名称“_btn”。 如图3所示：
3．编写代码
选中图层的第1帧，单击鼠标右键，在弹出的快捷菜单中单击“动作”菜单项，将“动作”面板打开，输入以下代码：
图3 按钮的设置
var i:Number=0; //变量i的类型为数值，初始值为0
_Release=function(){ //当点击按钮后开始执行以下程序
i++; //每次加1
if(i%2==1){ //如果i为奇数
_mc.onEnterFrame=function(){ //元件实例执行以下动作
this._x-=10; //X轴坐标每次减少10个点
if (this._x<=-20){ //如果X轴坐标小于等于-20
this._x=570; //则X轴坐标重新赋值为flash按钮制作570
}
};
}
if(i%2==0){ //如果i为偶数
_mc.onEnterFrame=function(){ //元件实例执行以下动作
_mc._x+=10; //X轴坐标每次增加10个点
if (this._x>=570){ //如果X轴坐标大于等于570
this._x=-20; //则X轴坐标重新赋值为-20
}
};
}
};
三、测试影片
到这里，就完成了“按钮控制小球移动”的动画案例制作，按CTRL+ENTER键进行测试。如果没有问题，则保存文档。
四、课后小结
本节课主要学习了ActionScript脚本的应用技巧、Var语句的使用和参数，以及本课实例的
制作。
五、上机作业
1．完成按钮控制小球移动的动画；
2．如果小球需上下移动，如何修改程序？
3．单击鼠标小球开始移动，再次单击时小球停止移动，程序又如何修改？
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论