仓酷云
标题:
来看看:Flash实例教程:悦目的跟从鼠标的扭转星星-Flash实例教程
[打印本页]
作者:
飘灵儿
时间:
2015-1-15 20:42
标题:
来看看:Flash实例教程:悦目的跟从鼠标的扭转星星-Flash实例教程
ActionScript是一种程序语言的简单文本文件.FLA档案能够直接包含ActionScript。
poluoluo中心提醒:老手进门:跟从鼠标动弹的星星.
看看效果:
[media=wmv,550,400][/media]
第一步:
翻开FLASH,新建一个影片剪辑元件,定名为“星星”,在内里绘制一个星星出来,而且把它的中央点和舞台注册点对齐,在第20帧和第40处各拔出一个关头帧。选中第20帧,在它的中央点和舞台的注册点对齐的情形下按住SHIFT键举行等比例减少(你以为差未几就好了),然后选中第1到20帧的恣意一帧创立补间动画,翻开属性面板把它的转调成逆时针,选中第20到40帧的恣意一帧创立补间动画,翻开属性面板把它的转调成顺时针。
第二步:
在新建一个影片剪辑元件,定名为“转圈的星星”,在图层面板的中央找到“增加活动引诱层”增加一个引诱层出来,在选中该图层的情形下按住AIT+SHIFT键在舞台上绘制一个有边框无添补色的圆(巨细你以为符合就OK),然后用鼠标圈住它的一点边选中后删除(如许做是给它一缺口),选中绘制好的圆,把它的左和上对齐舞台中央的注册点,选中第40帧处增加一个帧,锁定该图层,选择第一个图层把我们库中的星星拖出去并把它的中央点对齐引诱层中圆的上边的谁人缺口的中央,选中第四十帧拔出一个关头帧把它的中央点对齐引诱层中圆的下边的谁人缺口的中央。回到舞台,把库直达圈的星星放到舞台恣意地位,并给它一个实例称号mc。
第三步:
持续拔出一个影片剪辑元件,定名为“as",选中第一帧增加以下代码:
vark:Number=64;//用来界说星星的个数;
varn:Number=16;//用来界说一圈星星的个数;
varr:Number=2;X坐标和Y坐标的缓动,值越年夜跟从鼠标挪动时就越慢;
for(vari=1;i<=k;i++){
duplicateMovieClip("_root.mc","mc"+i,i);
setProperty("_root.mc"+i,_rotation,360/n*i);
setProperty("_root.mc"+i,_alpha,100/k*i);
}
setProperty(_root.mc,_visible,0);
选中第二帧处拔出一个空缺关头帧增加以下代码:
for(varj=1;j<=k;j++){
setProperty("_root.mc"+j,_x,_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/r);
setProperty("_root.mc"+j,_y,_root["mc"+j]._y+(_root["mc"+(j-1)]._y-_root["mc"+j]._y)/r);
}
选中第三帧处拔出一个空缺关头帧增加以下代码:
gotoAndPlay(2);
增加完代码今后回到主场景;
第四步:
把库中名为as的元件拖放到舞台上,给它一个实例称号mc0.在主场景内增加一个图层在第一帧加上拖动代码:
startDrag("_root.mc0",true);
注重这里是mc0不是mc,固然你拖动的影片内里没有器材,鄙人面我后细说的;
做到如今就算竣工了,我在这里就把重点的中央说一下。N为何是它的一圈星星的个数
在第一个for轮回语句里有如许一段,
setProperty("_root.mc"+i,_rotation,360/n*i);
看它的_rotation的值是360/n*i
也就是"_root.mc"+i,_rotation=360/16*i
也就是
_root.mc1._rotation=360/16*1
_root.mc2._rotation=360/16*2
_root.mc3._rotation=360/16*3
_root.mc4._rotation=360/16*4
_root.mc5._rotation=360/16*5
_root.mc6._rotation=360/16*6
_root.mc7._rotation=360/16*7
_root.mc8._rotation=360/16*8
_root.mc9._rotation=360/16*9
_root.mc10._rotation=360/16*10
.............._root.mc64._rotation=360/16*64
也就是说把360度均匀分红16份,它们的角度就是这个值,360/16=22.5。
第一个MC的角度是从原MC角度22.5的中央入手下手复制出来的,第二个MC的角度是从原MC角度45的中央入手下手复制出来的,第三个MC的角度是从原MC角度67.5的中央入手下手复制出来的,直到乘到17的时分就堆叠了,由于360/16*6=382.5,角最年夜值是360,当到382.5的时分它就把360当作0来盘算了,了局就是22.5,当你把N的值调年夜的时分,好比36它就会有36个星星围成一圈了,360/36*i也就是mc1角度是10*1,mc2的角度是10*2,mc3的角度是10*3当乘到37的时分它的角度多了10也就是370,第37个MC的角度会是原MC角度的370-360也就是10,这就是N的值即是一圈星星的缘故原由。
我们在主场景第一帧里放的代码明显是拖动的MC0,为何MC复制出来的影片会随着鼠标走,把在AS第二帧设置X、Y坐标的轮回代码拿上去剖析一下:
for(varj=1;j<=k;j++){
setProperty("_root.mc"+j,_x,_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/2);
setProperty("_root.mc"+j,_y,_root["mc"+j]._y+(_root["mc"+(j-1)]._y-_root["mc"+j]._y)/2);
}
看它的X坐标,
setProperty("_root.mc"+j,_x,_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/2);
setProperty这句话是说设置括号内(方针,方针的属性,该属性的值);
我们如今的方针就是主场景下面的mc1,mc2,mc3,mc4,mc5......mc64;
它们的X坐标值各是几,为何会跟从鼠标挪动,我们来细心地看下它们的值
_root.mc+i._x_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/2
也就是
mc1._x=mc1._x+(mc+(j-1)._x-mc1._x)/2
假定mc1如今的坐标是300
也就是mc1._x=300+(mc+(j-1)._x-300)/2
如今我们已失掉两个数字了,另有一个mc+(j-1)._x,先算括号内,j-1第一次运转轮回的时分j的值是1,就是1-1,也就是0;也就是mc+0,也就是mc0,也就是我们拖动的谁人没有器材的影片剪辑。mc0是随着我们的鼠标动的,下面弄分明后,我们就在给mc0也就是我们鼠标的坐标假定一个值。任意设定一个我们就假定100吧,值有了我们在接着做算术。
mc1._x=300+(100-300)/2
也就是
mc1._x=300+负200/2
也就是
mc1._x=300+负100//注重下负值是越乘负的越多,越除负的越少,加减相反
也就是
mc1._x=200;
当盘算机运转到这里时,mc1的坐标是200了,但200还不切合我们所看到的效果,我们运转的时分是它的坐标是随着鼠标走的,那末程序会接着往下走,它就会实行设定MC2的坐标了,MC2的坐标会是250,接着是MC3的坐标是275,总之是越往下它们坐标的距离就会越小,你本人能够测试下看。
当轮回完64次今后程序跳出轮回了,那末就会TOGO到下一帧,实行gotoAndPlay(2);
又返来了,接着又是轮回64次,代码仍是不异的代码,纷歧样的是此次的坐标都是已设置过的了,我们在看一下MC1如今的坐标是几了,前次设置事后是200,那末如今是
mc1._x=200+(100-200)/2
也就是
150
这个坐标值会离鼠标愈来愈近的,直到和鼠标的坐标一样,那末不异前面的MC也一样会近,直到它们的坐标和鼠标相称为止,并且它们的坐标永久也不会小于鼠标的坐标。
到如今也差未几了,我只是想给老手一个参考。
FlashScreensaversMaker能够迅速的将您的Flash作品转化为屏保程序。
作者:
冷月葬花魂
时间:
2015-1-17 13:54
Flash流行的主要原因是它使用了矢量图形(与位图相反)。因为这种图形格式比位图小得多,而且在缩放时对图形质量影响不大,所以很适合对带宽要求很高的Web。
作者:
简单生活
时间:
2015-1-21 13:47
Flash使交互性容易,并且消除了学习某种语言的需要。折中办法是不学语言,同时失去一些功能。但是你仍然可以处理基于用户动作(如鼠标移动或点击)的触发事件,这通常是你需要的所有交互性。
作者:
若相依
时间:
2015-1-30 19:35
富媒体广告的概念:富媒体 Rich Media,是由英文翻译而来,从字面上很难理解Rich Media到底是什么。
作者:
金色的骷髅
时间:
2015-2-6 15:42
Flash也支持alpha通道,这会使设计者高兴。没有太多的技术性,alpha通道是附加在图像上的信息 - 允许图像以不同的方式渲染。
作者:
深爱那片海
时间:
2015-2-16 22:45
目前动画广告在各类电视节目中有着广泛的应用,在影视及广告中占有重要地位。广州形动数码是国内领先的动画设计制作,
作者:
谁可相欹
时间:
2015-3-12 08:14
逐渐改变了我们生活及生活习惯的一些东西,而正是互联网的大势兴起,Flash动画越来越受到宠爱,现在,Flash动画已成为网络广告的中坚力量。
作者:
精灵巫婆
时间:
2015-3-19 20:36
在与制作传统动画相比较的同时,flash具有便捷、节省人力财力,节约时间、推广方便的许多优势。但与此同时它也具有一点的缺点。
欢迎光临 仓酷云 (http://ckuyun.com/)
Powered by Discuz! X3.2