Flash动画教程：制作经典小游戏《填色》（7）

来源：互联网 作者：未知 发布时间：2010-10-23 21:01:10 网友评论 0 条

        3.为了方便舞台时间轴的跳转，在“标签”图层的第2帧、第4帧、第6帧分别添加tu1、tu2、tu3帧标签。
　　4.选择“背景”图层第1帧，在素材中将“ 背景”图形元件拖入舞台，然后在舞台上添加游戏名称。选择“按钮”图层第1帧，从做好的影片剪辑素材中将Play按钮剪辑拖入舞台。选择“图”图层的第1帧，从素材中将3个小图标拖入舞台，并将它们排列整齐，得到如图22所示效果。
　　5.选中Play按钮打开其动作面板，添加如下代码：
　　on (release) {

　　 play();

　　}
　　6.选择“小图标1”，在其动作面板上添加如下代码：

　　onClipEvent (enterFrame) { //反复执行下面的语句

　　 this.onRollOver = function() { //鼠标指针移至该影片剪辑上时

　　 this.onEnterFrame = function() { //反复执行下面的语句

　　 if (this._xscale<100) { //如果这个影片剪辑的横缩放比例小于100

　　 this._xscale = this._yscale += 5; //则横纵缩放比例递增

　　 }

　　 };

　　 };

　　 this.onRollOut = function() { //鼠标指针移开该影片剪辑上时

　　 this.onEnterFrame = function() {

　　 if (this._xscale>80) { //如果这个影片剪辑的横缩放比例小于80

　　 this._xscale = this._yscale -= 5; //则横纵缩放比例递减

　　 }

　　 };

　　 };

　　 this.onRelease = function() { //单击该影片剪辑时

　　 _root.gotoAndPlay("tu1"); //跳转到tu1帧，并且播放

　　 };

　　}
　　这些代码实现效果是鼠标移动到小图标上，小图标逐渐增大，而鼠标移开时，小图标又回复到原来的状态。单击小图标会跳转到相应的帧播放。
　　7.将上步中在“小图标1”上的代码分别复制到其它两个小图标的动作面板上，要注意的是，它的跳转的帧分别要更改成“tu2”和“tu3”。
　　8.选择“显示区”层的第2帧，从素材中将10个颜色按钮，两个翻页按钮和清除按钮拖入舞台，放到适当位置。
　　9.选择白颜色按钮，在它的动作面板中添加代码，并将这些语句复制到其它9个颜色按钮的动作面板上，在这里要注意，给变量_root.sezhi赋的值要与按钮颜色的色值相对应。
　　白颜色按钮代码如下：

　　on (press) {

　　 _root.sezhi = 16777215; //赋予变量sezhi的值为16777215

　　}

　　on (press, release) {

　　 myColor = new Color(_root.xiguan.yanliao); //新建作用于吸管里颜料的颜色对象

　　 myColor.setRGB(_root.sezhi); //设置影片剪辑yanliao的颜色

　　}

　　选择“下一张”按钮，在其动作面板上添加如下代码：

　　on (rollOver) { //鼠标指针移至该按钮上时

　　 Mouse.show(); //鼠标显示

　　 setProperty("_root.xiguan", _alpha, "0"); //实例“xiguan”的透明度为0

　　}

　　on (rollOut) { //鼠标指针移开该按钮上时

　　 Mouse.hide(); //鼠标隐藏

　　 startDrag("_root.xiguan", true); //实例“xiguan”随鼠标

　　 setProperty("_root.xiguan", _alpha, "100"); //实例“xiguan”的透明度为100

　　}

　　on (release) {

　　 _root.gotoAndPlay("tu2");

　　}

　　选择“清除”按钮，在其动作面板添加如下代码：

　　on (rollOver) {

　　 Mouse.show();

　　 setProperty("_root.xiguan", _alpha, "0");

　　}

　　on (rollOut) {

　　 Mouse.hide();

　　 startDrag("_root.xiguan", true);

　　 setProperty("_root.xiguan", _alpha, "100");

　　}

　　on (release) {

　　 _root.gotoAndPlay("tu1");

　　}