| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 网页制作 > Flash教程 > Flash实例教程 > 文章正文 用户登录
没有相关文章

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

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

作者:闪电儿 来源:闪吧 更新:2005-6-6 23:50:12 错误报告 我要投稿

 演示效果:

点击这里下载源文件

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




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

onClipEvent (load) { //当影片剪辑出现在时间轴上时,执行大括号里的语句
numX = 56;
numY = 70;//定义图象显示的尺寸
numPerFrame = 60;//定义针速
currSquare = 0;
choices = new Array();
for (i=0; ichoices.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 (currSquarefor (i=0; ij = 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键测试影片了!

文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。