加入收藏   
                         ::::专业提供苏州网站建设::::苏州网站推广::::苏州网页设计::::苏州网站制作::::苏州网站设计:::: 
                     阳光建站网<苏州网页设计>--精心打造技术实力最强的苏州网站设计,提供全方位的网络营销服务,是您值得信任的苏州网站设计
                         独特构加,精心设计,让我们带你走进精彩的网络世界!---<阳光建站网-苏州网站建设专家>
    会员登陆
   
    分类导航
 
Flash播放器显示LRC歌词代码
flash中实现场景转换中的马赛克效果
 
flash中实现场景转换中的马赛克效果
阳光建站网   2008-06-16 10:14:36 作者:xiaoxiao 来源: 文字大小:[][][]
PowrePoint里面很常用的效果,我说不出名字,姑且叫"马赛克渐变"效果吧. 就是图片方格化退去,显出另一幅图画.另一幅图画过了一会儿又方格化退去,显示下一张.如此循环.大家能够看看我的源文档先.里面用了三幅图.这个效果很实用,.您能够用在LOGO上或企业的产品宣传上,简单美观.

  好了,闲话不说,介绍一下思路先.

  我们的思路是:场景里一共有四个MC.最下面一层用做相框,不会用到,我们设深度为0;中间两层是真正要显示的图画,分别设深度为1,2,我们用"上层","下层"来代表. 顶层是遮罩,也是方块效果的关键.我们设为3.

  既然遮罩层是关键,我们就先说他.

  这个做为遮罩的MC是用AS建的一个空MC,名儿为mcMask,在mcMask里复制了10*10个并排无隙的小方块,(当然,在实际的代码中能够看到,我把宽和长分开了的,所以实际上能够是长方形,这里只是为了叙述方便).

  我们的目的是让这些小方块被随机地清除,直到全部被清除掉,由于mcMask是上层图画的遮罩,故该图也就"方块化"地消失了,下层等长宽(我们把图设为等长宽,这些方便一点,也美观一点儿)的图画也就"方块化"地显现了. 当方块全部清除后,我们把下层的图画提高到上层,再复制另一幅图画到下层,做一次循环.这就达到一种周而复始的效果.

  思路就是这样的,假如您更有些疑惑,别急,先看一下效果。

  

  


  下面我讲讲代码的编写您就明白了.

  主场景中共有三帧代码.第一帧是对一些对象和变量初始化:

  

  

  

  
_global.k = 2;//决定图画的复制.

  _global.xpos = 135;//决定图画的横坐标.

  _global.ypos = 135;//决定图画的横坐标.

  attachMovie("mc"+3, "mc"+3, 2);//复制初始状态下上层的

  图画.(希望"上层"这个词您不会产生歧义)

  with (eval("mc"+3)) {

  _x = xpos;

  _y = ypos;

  }

  attachMovie("border", "border", 0);//复制相框.放在底层.

  with (border) {

  _x = xpos;

  _y = ypos;

  }

  _root.createEmptyMovieClip("mcMask", 3);//生成遮罩层,

  下一帧我们将在里面复制小方块.

  with (mcMask) {

  _x = xpos;

  _y = ypos;

  }

  eval("mc3").setMask(mcMask);//初始状态下的设定遮罩,注意被遮罩的对象.

  _global.xW = (eval("mc"+3)._width)/10;//确定小方块的长.

  _global.yH = (eval("mc"+3)._height)/10;//确定小方块的高.上的面

  全局全量在下一帧都会有更周详说明.


  能够看到,我们声明了一些全局变量和MC.假如您对他们的用途有疑问, 不用担心,呆会儿我们就会讲到.

  第二帧代码:

  

  

  

  
attachMovie("mc"+k, "mc"+k, 1);//复制下层的MC.

  with (eval("mc"+k)) {

  _x = xpos;

  _y = ypos;

  }

  for (i=0; i<100; i++) {//在mcMask,也就是遮罩层里复制小方块.

  mcMask.attachMovie("mcM", "mcM"+i, i);

  with (mcMask["mcM"+i]) {

  _width = xW;

  _height = yH;

  _x = (i%10-4.5)*xW;//如此决定的坐标值,小方块集合的几何中央

  就是mcMask的中央点.

  _y = (Math.floor(i/10)-4.5)*yH;

  }

  }

  _global.randomKdiffer = function(n, m, k) {//随机函数,

  目的是在n~m之间生成k个互异的数,放到数组arrayK中.

  arrayK = [];

  var i = 0;

  while (i<k) {

  a = random(m-n+1)+n;

   for (var j = 0; j<i; j++) {

  if (a == arrayK[j]) {

  break;

  }

  }

   if (j == i) {

  arrayK[i] = a;

  i++;

  }

   }

  return arrayK;

  };

  function maskT() {//主要的函数.在第三帧里面会用setInterval调用.

  var a = [];

  a = randomKdiffer(0, 99, 10);//找到十个随机数,为的是下一步清除对

  应的小方块.

  for (var i = 0; i<10; i++) {//一次性清除十个随机的方块,

  mcMask["mcM"+a[i]].removeMovieClip();

  }

  for (j=0; j<100; j++) {//判断小方块是否全被清除.

  if (_root.mcMask["mcM"+j] != undefined) {

  break;

  }

  }

  if (j>=100) {//假如全被清除,则重新定义对象和变量值.

  clearInterval(_root.maskMc);//把清除时间间隔变量(在下一帧中).

  _root["mc"+k].swapDepths(2);//重新把下层的MC深度提到上层.

  k--;//控制MC复制的k值减少1,表示再一次复制的时候就复制后一个MC.

  if (k<1) {//假如k值小于1,就从3开始重新循环.并重新把下层的MC

  (已提高到上层)定义为被遮罩层.

  k = 3;

  eval("mc"+1).setMask(mcMask);

  } else {

  eval("mc"+(k+1)).setMask(mcMask);

  }

  _root.gotoAndPlay(2);//跳到第二帧重新执行.

  }

  }


  这一帧主要是先定义下层的MC,因为上一层的MC在前一次循环时已定义过了(初始化由第一帧代码完成),并且在最后(当小方块全消失时,原来的上层已不可见,这时下层提升到上层,外观上看不出来)提升到上层且被定义为被遮罩.遮罩层的小方块能够看到又重新生成了,所以我拉看到的仍是前一次循环的下层图画.再经历一次循环,利用k值的循环递减,我们能够不断地复制下层的图画,达到周而复始的效果.只要理解了k的作用,其他的也就好懂了.注意第二帧我们复制的深度是1,代表下层.到了小方块全部清除时才提升到2.第三帧就是让时间头停下,间隔0.2秒执行maskT函数.因为一次清除十个MC(这里有重复也不用担心).

  所以看起来就是方块随机消失,而消失完后,又返回第二帧开始新的一轮.这一帧是循环的保障.其他的几个全局变量是为了更好地控制图片的位置和尺寸的. 我们能够更改图片的尺寸而无需改代码. 但是有一点要注意,各图片最好是相同大小.但是,就代码的特点来看,我们也能够把图片设为不同的尺寸,只要稍微改变一下就行了.这里就留给大家自己思考了.假如要加入更多的图片,只要把链接名称命名为"mc"+i(i=1,2,3...)就行了,相应地修改k的循环判断值.

本文适合广大网页设计爱好者阅览,欢迎转摘,转摘请注明作者和出处!
作者:苏州网站建设

网站:阳光建站网 本公司专业提供:苏州网页设计,苏州网络公司,苏州网站制作,苏州网站推广,苏州网站设计

关于我们 在线招聘 付款方式 域名注册 知识中心 网页设计案例 友情链接
阳光建站网   网站建设部   版权所有         苏ICP备07014039号
Copyright © 2006-2008  TIANLUO ELECTRONICS CO,LTD. All Rights Reserved
客服小姜     客服小廖     客服小姜     客服小姜    

服务电话:0512-68551897  65508660  65508661   传真:0512-68187689 

24小时服务电话  13776081868  13776082868

本公司专业提供:苏州网站建设,苏州网页设计,苏州网络公司,苏州网站制作,苏州网站推广
苏州网站设计苏州网站建设专家