免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享

第十四课:影片剪辑Part4深度

本文来自:★flash之路-flash技术交流★ 转帖请注明出处! 作者:网雨霏霏 您是第4201个浏览者

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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


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

this.createEmptyMovieClip("my_mc",this.getNextHighestDepth());

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

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

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

3、getDepth()方法:返回某个MC的深度
比如要返回MC,my_mc的深度:
var mymcdepth = my_mc.getDepth();

4、swapDepths()方法:交换两个MC的深度值,如果MC正在执行补间,则补间会停止。
比如有两个MC:mc1和mc2,现在要交换这两个MC的深度
mc1.swapDepths(mc2);


下面通过一个练习来熟悉本节课所介绍的内容。
效果如下:用鼠标点击挡在下面的图片,这张图片将移到最上面一层来。
制作方法:

1.新建一flash文档,导入若干图片。
2.将这些图片分别做成MC,大小随意,但宽高不应超过200或可再小一些。在库中分别右击这些MC,点击“连接”,在弹出的面板中,在为ActionSpript导出前打钩。在标识框内输入:pic1.第二个MC则输入pic2,以此类推。
3.回到主场景,打开动作面板,输入下列代码:(注意下面的代码是以5张图片为例写的,如果你不是5张图片则应作相应修改,详细说明看后面的代码分析)
本帖隐藏的内容需要回复才可以浏览


1、首先用一个for循环,将库中的图片加载到舞台上,循环次数是你的图片元件的数量。

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

3、现在图片已加载到舞台上了,并产生了不完全重叠效果。接下来就是实现点击图片让该图片移到最上层,所以用到图片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,就行了。

以后的以此类推,直到完成所有的图片的点击代码。
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.

获得 土地神卡 一张

卡片说明:网雨霏霏帮助迷路的小朋友找到家长,家长为表达谢意,付出了5威望

卡片效果:+5

友情提示:单击下列任意一个表情,即可瞬间自动回复本帖!

好贴......
郁闷......
开心......
擦汗......
鄙视......
狂怒
谢谢
爱你呦
拜托了
嗯嗯
OMG
求关注
伤心......
无奈.....
无奈.....
无奈.....
无奈.....
无奈.....
哈哈哈
NO
OK
what
我来了

最近访问本帖者列表:

flashroad
访问时间:2018-08-02 10:57

打赏

取消

感谢您的支持,我会继续努力的!

扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by 爱秀代码,分享从这里开始,精彩与您同在

点评
B Color Smilies

您还可以输入:个字符
X

X

 

B Color Image Link Quote Code Smilies
高级模式 | 发新话题

您需要登录后才可以回帖 登录|立即注册

快速
返回顶部
返回首页