王朝网络
分享
 
 
 

Flash AS入门教程第七课第四节:影片剪辑的深度

王朝other·作者佚名  2008-11-20
宽屏版  字体: |||超大  

第4节 MC的深度

在flash创作环境中我们对层的概念已经比较熟悉了。深度与层的概念比较接近。每一个在舞台上的对象都有它自已的深度,深度数字大的盖住比它小的对象,这就象上面的层遮住下面的层一样。我们可以把MC放到-16384 至 1048575的任一深度上,但某一深度上原来已有一个对象时,那么新放入的对象将替换原来的对象。这可能会遇到一个问题,当我用使用 attachMovie(MovieClip.attachMovie 方法)、duplicateMovieClip(MovieClip.duplicateMovieClip 方法)或 createEmptyMovieClip(MovieClip.createEmptyMovieClip 方法)在运行时创建影片剪辑时,始终要指定MC的深度。应该用个什么深度值呢?如果指定的深度值上已有MC了,会不会将原来的覆盖了呢?为了解决这个问题,flash 为我们提供了getNextHighestDepth()方法。

getNextHighestDepth()方法:MC的这个方法将返回下一个可用的深度值。更好的的理解就是当前最大的深度值加1。因此用这个深度值,MC将在最上面。

比如:this.createEmptyMovieClip("my_mc",this.getNextHighestDepth());

getInstanceAtDepth()方法:这个方法将返回某个特定深度值上的MC实例。

比如要确定当前最大深度值的MC,可以用如下代码:

var zddepth = this.getNextHighestDepth()-1; //获得当前最大的深度值

var my_mc:MovieClip =this.getInstanceAtDepth(zddepth);

getDepth()方法:返回某个MC的深度

比如要返回MC,my_mc的深度:

var mymcdepth = my_mc.getDepth();

swapDepths()方法:交换两个MC的深度值,如果MC正在执行补间,则补间会停止。

比如有两个MC:mc1和mc2,现在要交换这两个MC的深度

mc1.swapDepths(mc2);

下面通过一个练习来熟悉本节课所介绍的内容。

效果如下:用鼠标点击挡在下面的图片,这张图片将移到最上面一层来。

制作方法:

1.新建一flash文档,导入若干图片。

2.将这些图片分别做成MC,大小随意,但宽高不应超过200或可再小一些。在库中分别右击这些MC,点击“连接”,在弹出的面板中,在为ActionSpript导出前打钩。在标识框内输入:pic1.第二个MC则输入pic2,以此类推。

3.回到主场景,打开动作面板,输入下列代码:(注意下面的代码是以5张图片为例写的,如果你不是5张图片则应作相应修改,详细说明看后面的代码分析)

for(i=1;i<6;i++){

this.attachMovie("pic"+i,"pic"+i+"_mc",this.getNextHighestDepth());

var pic_mc = eval("pic"+i+"_mc");

pic_mc._x = 150 +random(200);

pic_mc._y = 100 + random(200);

}

pic1_mc.onRelease = function(){

var zddepth =_root.getNextHighestDepth()-1;

var zd_mc:MovieClip =_root.getInstanceAtDepth(zddepth);

this.swapDepths(zd_mc);

}

pic2_mc.onRelease = function(){

var zddepth = _root.getNextHighestDepth()-1;

var zd_mc:MovieClip = _root.getInstanceAtDepth(zddepth);

this.swapDepths(zd_mc);

}

pic3_mc.onRelease = function(){

var zddepth = _root.getNextHighestDepth()-1;

var zd_mc:MovieClip = _root.getInstanceAtDepth(zddepth);

this.swapDepths(zd_mc);

}

pic4_mc.onRelease = function(){

var zddepth = _root.getNextHighestDepth()-1;

var zd_mc:MovieClip = _root.getInstanceAtDepth(zddepth);

this.swapDepths(zd_mc);

}

pic5_mc.onRelease = function(){

var zddepth = _root.getNextHighestDepth()-1;

var zd_mc:MovieClip = _root.getInstanceAtDepth(zddepth);

this.swapDepths(zd_mc);

}

代码分析:

首先用一个for循环,将库中的图片加载到舞台上,循环次数是你的图片元件的数量,下面i<6中的6用你的图片元件数量加1替换。我这里是5张图片,所以我用6。

for(i=1;i<6;i++){

接下来加载这些图片元件,这里加载的深度我们用到了this.getNextHighestDepth()方法。图片加载后指定图片的x,y坐标在一定的范围内随机的位置。这个范围应根据图片元件的大小来确定,不能太小,太小了,上面的图片会完全盖住下面的图片。也不能太大,太大了则不能产生重叠效果。总之就是要即要产生重叠效果,又不能完全盖住。

this.attachMovie("pic"+i,"pic"+i+"_mc",this.getNextHighestDepth());

var pic_mc = eval("pic"+i+"_mc");

pic_mc._x = 150 +random(200);

pic_mc._y = 100 + random(200);

现在图片已加载到舞台上了,并产生了不完全重叠效果。接下来就是实现点击图片让该图片移到最上层,所以用到图片MC的onRelease事件,以第一张图片为例:

pic1_mc.onRelease = function(){

在这个事件执行中首先确定最上面的图片的深度值。上面介绍了getNextHighestDepth()返回的是最大的深度值加1,那么最大的深度值自然就是getNextHighestDepth()减1了。

var zddepth = _root.getNextHighestDepth()-1;

有了最大的深度值后,就可以确定最上面的图片是哪张了:

var zd_mc:MovieClip = _root.getInstanceAtDepth(zddepth);

最后将这张图片与最大深度那张图片交换深度,那这张图片深度值就最大了,当然也就在最上面了:

this.swapDepths(zd_mc);

第一张图片的点击动作代码就完成了。下面写第二张图片的代码,因为每张图片点击事件中的代码是完全一样的,所以复制第一张图片的代码,粘帖到第一张图片代码的下面,将第一句pic1_mc.onRelease = function(){中的pic1改为pic2,就行了。

以后的以此类推,直到完成所有的图片的点击代码。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
>>返回首页<<
推荐阅读
 
 
频道精选
 
静静地坐在废墟上,四周的荒凉一望无际,忽然觉得,凄凉也很美
© 2005- 王朝网络 版权所有