第七章 动作脚本进阶
第二节 键盘控制(3)
(3)定义动作脚本
步骤1 布局元件
返回到【场景1】,在【背景】图层上新建一个图层,并将这个图层重新命名为“白兔跑动”。将【库】面板中的“tutu_run”影片剪辑元件拖放到舞台的右边。
步骤2 定义动作脚本
选择场景中的“tutu_run”实例,在【动作】面板中定义它的动作脚本为:
onClipEvent (load) {//当“tutu_run”MC实例加载时
run = 1;//使变量run等于1
}
onClipEvent (enterFrame) {//用run 变量的值来控制白兔MC元件的播放情形。
if (run == 1) {//如果run 的值等于1,则白兔MC元件成动态播放状态,白兔继续向前跑。
this.play();
} else {//如果run == 0,则白兔MC元件成静止播放状态,白兔原地停止。
this.stop();
}
}
onClipEvent (keyDown) {//若按下空格键(其按键对应码为32),则将run变量切换为1或0。
if (Key.getCode() == 32) {
if (run == 1) {
run = 0;
} else {
run = 1;
}
}
}
3.键盘控制实例2——用左右方向键控制白兔移动
实例简介
利用按住键盘的左右方向键来控制白兔向左或者向右移动,如图7-2-5和图7-2-6所示。

图7-2-5 实例效果1

图7-2-6 实例效果2
制作步骤
(1)创建影片界面
步骤1 创建影片文档
新建一个Flash影片文档,设置舞台尺寸为640×480像素,其他参数取默认值。
步骤2 创建背景
从外部导入一个背景图像(文件路径:配套光盘/……/背景.wmf),然后将【图层1】重新命名为“背景”,将背景图像放置在这个图层上,由于导入的背景图像比较小,请调整它的大小,使之与舞台尺寸相匹配,效果如图7-2-7所示。

图7-2-7 动画背景
(2)创建白兔MC元件
步骤1 导入白兔MC元件到【库】
从“实例1”源文件的库中,将“tutu”元件导入到当前文件的库中,得到一个白兔MC元件,如图7-2-8所示。

图7-2-8 导入“tutu”元件
上一页 [1] [2] [3] [4] 下一页
第七章 动作脚本进阶
第二节 键盘控制(4)
步骤2 引用白兔MC元件
新建一个图层,并重新命名为“白兔”。在这个图层上,将【库】面板中的白兔MC元件拖放到舞台的合适位置,如图7-2-9所示。

图7-2-9 引用“tutu”MC元件
选择这个白兔MC实例,在【属性】面板中定义它的名称为“tuL”。
步骤3 复制并翻转白兔MC元件
选择舞台上的白兔MC实例,复制它,选中复制出来的白兔,执行【修改】|【变形】|【水平翻转】命令,将它水平翻转,如图7-2-10所示。

图7-2-10 复制并翻转
选择这个翻转得到的白兔实例,在【属性】面板中定义它的名称为“tuR”。
(3)定义动作脚本
选择名字为“tuL”的白兔实例,在【动作】面板中定义它的动作脚本为:
onClipEvent (load) {//当名字为“tuL”的白兔MC实例加载时
movie_x = this._x; //设定白兔的x轴坐标
_root.tuR._visible = false; //并将tuR影片剪辑实例先隐藏起来
}
onClipEvent (keyDown) {
if (Key.isDown(Key.LEFT)) {//侦测向左方向键是否按下,如果按下
movie_x -= 10; //则tuL(this)影片剪辑实例向左右移动10像素
this._x = movie_x;
this._visible = true;//显示tuL(this)影片剪辑实例
_root.tuR._visible = false; //并隐藏tuR影片剪辑实例
}
if (Key.isDown(Key.RIGHT)) {//侦测向右方向键是否按下,如果按下则tuR影片剪辑实例向右移动10像素,并隐藏tuL影片剪辑实例。
movie_x += 10;
_root.tuR._x = movie_x;
this._visible = false;
_root.tuR._visible = true;
}
}
同理,选中名为“tuR”的白兔实例,为它设置相同的动作脚本:
设置完后,测试一下动画的效果吧!