手机
当前位置:查字典教程网 >网页设计 >Flash教程 >Flash AS 入门教程 多维数组和双重循环使用介绍
Flash AS 入门教程 多维数组和双重循环使用介绍
摘要:源文件下载我们先看一个效果,如下图:点击查看动画效果

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

源文件下载

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

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

点击查看动画效果<

思考方法

很显然,我们用到了一个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 入门教程 多维数组和双重循环使用介绍3

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

【Flash AS 入门教程 多维数组和双重循环使用介绍】相关文章:

Flash AS 入门教程 碰撞检测hitTest函数

Flash教程:trace()的使用

Flash教程:如何简单使用钢笔铅笔

Flash AS教程:复制粘贴类

Flash入门教程:给任意照片添加雪景动画

Flash AS 教程:交互动画

Flash AS 入门 onClipEvent()事件处理函数

Flash AS教程:图片环绕旋转动画

Flash AS教程:填色游戏的制作

Flash AS3制作火苗跳动的gif动画教程

精品推荐
分类导航