·您的位置: 首页 » 资源教程 » 创意设计 » Flash » Flash Actionscript做图片马赛克效果动画

Flash Actionscript做图片马赛克效果动画

类别: Flash教程  评论数:0 总得分:0

  演示效果:

« Full Screen »

点击这里下载源文件

  1、制作方法很简单,首先导入一幅大小合适的图片,然后选中图片按F8将它转换为一个影片剪辑元件。如图:




  2、之后我们单击选中舞台上图片,然后按F9打开动作面板,添加如下代码:

onClipEvent (load) { //当影片剪辑出现在时间轴上时,执行大括号里的语句
numX = 56;
numY = 70;//定义图象显示的尺寸
numPerFrame = 60;//定义针速
currSquare = 0;
choices = new Array();
for (i=0; i<numX*numY; i++) {
choices.push(i);//定义一个新的数组 并不断增加数组长度
}
_root.createEmptyMovieClip("mask", 0);//
this.setMask(_root.mask);//创建一个影片剪辑 作为遮照
function drawSquare(x, y) {
with (_root.mask) {
moveTo(x, y);
beginFill(0x000088);
lineTo(x+10, y);
lineTo(x+10, y+10);
lineTo(x, y+10);
endFill();//画出这个遮照, 形状为10*10象素的方块
}
}
}
onClipEvent (enterFrame) { //影片剪辑针频不断触发此动作
if (currSquare<numX*numY) {
for (i=0; i<numPerFrame; i++) {
j = random(choices.length);
t = choices[j];
choices[j] = choices[choices.length-1];随机选择方快出现的时间
choices.pop();//开始删除数组choices中的元素
x = t%numX;
y = Math.floor(t/numX);//返回参数中表达式的下限值
drawSquare(x*10, y*10);
}
currSquare += numPerFrame;
this._alpha = currSquare/(numX*numY)*100;//设置透明度
}
}

  最后可以按CTRL+Enter键测试影片了!

-= 资 源 教 程 =-
文 章 搜 索
关键词:
类型:
范围:
纯粹空间 softpure.com
Copyright © 2006-2008 暖阳制作 版权所有
QQ: 15242663 (拒绝闲聊)  Email: faisun@sina.com
 纯粹空间 - 韩国酷站|酷站欣赏|教程大全|资源下载|免费博客|美女壁纸|设计素材|技术论坛   Valid XHTML 1.0 Transitional
百度搜索 谷歌搜索 Alexa搜索 | 粤ICP备19116064号-1