主页 / 平面设计 /

Flash AS 实例进阶 图片闪白切换效果实现代码

平面设计 2021-07-03 14:34www.168986.cn平面设计培训

　　“闪白”换场是电视拍摄用语，是画面切换过程中场景出现空白，有人将这一手法应用到网页图片的切换上来，也是一种不错的组图显示效果，这里我们用动作脚本来制作一个这样的实例。

　　

　　

　　基本思路

　　① 构建一个数组放置库中的多个类型为 MC 的图片。

　　②将数组中的元素依次加载到主场景。

　　③利用帧循环来依次改变各 MC 的状态。

　　新知识点


复制代码
代码如下:

my_array = new Array(); // 使用构造函数来创建一个数组。
_root.attachMovie （） // 加载 MC 到主场景，本实例是按索引从数组中取得 MC 。

补充模糊滤镜

复制代码
代码如下:

import flash.filters.BlurFilter;//载入滤镜类-模糊
var myBlurfilter:BlurFilter = new BlurFilter(blurX:Number, blurY:Number, quality:Number);// 创建一个模糊滤镜对象
var filterArray:Array = new Array();//创建一个临时数组
filterArray.push(myBlurfilter);//将新元素添加到数组的结尾
myMovieClip.filters = filterArray;//MC增加滤镜

　　实例说明

　　① 8 个同样大小的位图都转换为 MC ，并在链接属性里作好相关设置。

　　②第 1 帧加载 MC 和变量初始化 , 第 2 帧到第 7 帧设置循环， MC 被依次改变属性为可见，并用透明度的变化来实现白和非白之间的画面转换。

　　编写动作脚本

①在第 1 帧上输入


复制代码
代码如下:

tu = new Array("a", "b", "c", "d", "e", "f", "g", "h");// 创建一个数组，其中的元素是库中的 MC
for (i=1; i<=8; i++) {
　　 _root.attachMovie(tu[i-1], "h"+i, i);// 将数组中 MC 加载到主场景的对象上
　　with (_root["h"+i]) {// 设置对象属性
　　　　　 _x = 250;
　　　　　 _y = 90;
　　　　　_visible = false;
　 }
}
i = 1;
n = 0;

② 在第 2 帧上输入


复制代码
代码如下:

_root["h"+i]._visible = true;
_root["h"+i]._alpha = n5;// 帧循环中透明度由 0 到 100 递加
n++;

③ 在第 3 帧上输入


复制代码
代码如下:

if (n<21) {
　　gotoAndPlay(2);
}

④ 在第 5 帧上输入


复制代码
代码如下:

_root["h"+i]._alpha = n5; // 帧循环中透明度由 100 到 0 递减
n--;

⑤ 在第 6 帧上输入


复制代码
代码如下:

if (n>0) {
　　gotoAndPlay(5);
} else {
　　gotoAndPlay(2);
　　i++;
　　if (i>8) {
　　　　i = 1;
　　}
}

　　要点分析

　　①数组中的元素就是库中含有位图的 MC 元件，共 8 个，数组元素的索引也是就是序列号是从 0 开始，这里就是 0-7 ，将各 MC 再分别加载到一个新对象 MC 上，再由脚本控制这些新对象的状态。

　　②实例中是一个大循环里面嵌套两个小循环，大循环是 8 个 MC 循环显示，而在显示一个 MC 的循环里，有前段的透明度由 0 到 100 的以 5 递增的 20 次小循环，和后段的反向循环，显示的效果就是图片由白逐渐变清晰再由清晰变白，然后下一张图片以同样过程显示。

　　小结

　　本讲学习的内容是了解和应用了一维数组，这是数组使用的初步方法，在今后的学习中会掌握更加复杂的数组应用，数组的应用是广泛的，而且有简洁清晰调用方便的特点 。帧循环也是应用普遍的方法，这个实例有助于我们了解和掌握循环过程。

　　课后练习

　　修改源文件，使两个图片间的切换是前面的淡出，后面的淡入，中间不出现空白。

　　提示在帧循环过程中不是一个 MC 而是两 MC 改变状态，在一张图和第一张图片之间不出现空白更要专门编写帧循环语句。范例效果

　　　　

　　补充模糊效果实例

　　在第 2 帧上输入

复制代码
代码如下:

_root["h"+i]._visible = 1;
import flash.filters.;//载入滤镜类
mohu = new BlurFilter(n, n, 1);// 创建一个模糊滤镜对象
shuzu = new Array();//创建一个临时数组
shuzu.push(mohu);//将新元素添加到数组的结尾
_root["h"+i].filters = shuzu;//将滤镜加到MC上
//_root["h"+i].filters = [mohu];//简略写法，可去掉4-6行
_root["h"+(i+1)]._visible = 1;
_root["h"+(i+1)]._alpha = n5;
n++;

　　

　　

　　

上一篇：Flash AS 实例进阶 键值捕获实现代码 下一篇：Flash AS 实例进阶 遮罩效果实例讲解

平面设计师

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by