Flash AS 入门教程 多维数组和双重循环使用介绍

所属分类: 媒体动画 / Flash教程 阅读数: 75
收藏 0 赞 0 分享

  源文件下载

  我们先看一个效果,如下图:

  点击查看动画效果<

  思考方法

  很显然,我们用到了一个mc对另外一个mc的遮罩。它的原理是:在作为遮罩片的mc中,复制部分小方块mc,并且随机放置这些小方块mc。当然,这样的随机放置不是任意的,必须满足两个条件:放置的位置不重复;能够完全遮罩图形。这里的方法是:

  1、计算小方块mc在作为遮罩片mc中顺序放置的位置的坐标;

  2 、把放置小方块mc的坐标存放入一个数组,使这个数组的每一个元素都包括两个数值(横坐标,纵坐标)。因此,这个数组包括了小方块所有的放置的位置。这里,我们要用到2维数组的有关知识;

  3、复制小方块mc,每复制一个mc,从2维数组中随机选一个元素,把这个元素中的横坐标和纵坐标分别赋给这个mc。

  例题

  打开源文件3.8.fla,在第2层的元件1内的第1帧上的脚本为:


复制代码
代码如下:

 this.zfx_mc._visible = false;
 var temp_arry = new Array();//定义数组temp
  for (i=0; i<=14; i++) {//注意理解双重循环时执行顺序
             //从上到下共15行小正方形是20*20,图片面积是400*300
    for (j=0; j<=19; j++) { //从左到右20列;
     temp_arry.push([-190+20*j, -140+20*i]);
        //把横坐标和纵坐标数值作为一个元素,加入数组temp_arry.
    }
  }
  i = 0;      //设置变量i=0;
  _root.attachMovie("tu", "tu", 500);
           //从库中链接元件“tu”,链接到舞台的名称为“tu”,深度为500
  _root.tu._x = 200;//把“tu”摆放在舞台中央
  _root.tu._y = 150;
  _root.tu.setMask(this);//设置本影片剪辑为遮罩,“tu”为被遮罩。
 this.onEnterFrame = function() {//本影片剪辑执行事件处理函数;
  duplicateMovieClip(this.zfx_mc, "zfx"+i, i);
        //复制本影片剪辑下的zfx_mc,复制后的名称为"zfx"+i,深度为i;
   k = Math.floor(Math.random()*temp_arry.length);
        //在数组temp_arry中随机选出一个元素的序号k
   this["zfx"+i]._x = temp_arry[k][0];
        //把在数组temp_arry中第k个元素的第1个值作为this["zfx"+i]的横坐标;
   this["zfx"+i]._y = temp_arry[k][1];
        //把在数组temp_arry中第k个元素的第2个值作为this["zfx"+i]的纵坐标;
   temp_arry.splice(k, 1);//把数组temp_arry中第k个元素删掉;
    i++;
   if (i == 300) {//一共需要复制300个mc
     delete this.onEnterFrame;//删除本影片剪辑事件处理函数,释放内存。
    }
  };


  另外,小正方形zfx_mc有60帧的运动补间,在60帧上有个:stop()

  查看全套"Flash AS 高级教程"

更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多