透明 发表于 2015-1-15 21:19:57

来讲讲:教程/Flash/实例 用Flash制造互动的君子

这个播放器非常小,只需花一点点时间下载,对于在体验网页上的多媒体效果是个很好的开始。
<divclass="start">我们先来看看实例的效果,场景中有六个小球,分离代表人的头、腰、手、脚,假如用鼠标拖动君子身材的任何一部分,身材的部分城市做出响应的举措,全部身材各部分之间地位的改动是很和谐的。


http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/15/05111513230774137.swf


  完成实际上是很复杂的,上面我们一步一步来制造这个实例效果。

  1、翻开,新建一个场景,按“Ctrl+F8”新建一个Clip,定名为“Symbol5”,范例为“Button”,用椭圆工具在此Clip的场景中绘制一个圆,并用添补工具添补一个突变色彩,如图所示。

<P>  



2、按“Ctrl+F8”新建一个Clip,定名为“Symbol1”,范例为“MovieClip”,将上一步所制造的“Symbol5”拖到此Clip的场景中,并在“Symbol5”Clip的Action面板下面增添以下语句:

on(press){
this.startDrag(); //当鼠标点击的时分,拖动Clip
}
on(release,releaseOutside){//当摊开鼠标的时分,中断拖动Clip
this.stopDrag();
}


  3、按“Ctrl+F8”新建一个Clip,定名为“Symbol4”,范例为“MovieClip”,用直线工具在此Clip的场景中绘制一小段直线。

  4、按“Ctrl+F8”新建一个Clip,定名为“Symbol1copy”,范例为“MovieClip”,将第一步中制造的“Symbol5”拖到此Clip的场景中,并在“Symbol5”Clip的Action面板下面增添以下语句:

on(press){
this.startDrag();
drag=1;
}

on(release,releaseOutside){
this.stopDrag();
drag=0;
}

  5、在“Symbol1copy”Clip中,用鼠标右键单击工夫轴下面的图层,拔取拔出一个新的图层,将第三步所制造的“Symbol4”拖到新拔出图层的场景内里,拔取场景中的“Symbol4”,在属性面板下面设置实例名为“link”。

  6、在“Symbol1copy”Clip中,用鼠标右键单击工夫轴下面的图层,再拔取拔出一个新的图层,在此图层的第一帧的Action面板下面拔出以下语句:

nx=parent._x+sx;//获得场景中暗示头的谁人小球的地位。

ny=parent._y+sy;

if(i<1){

i=Math.ceil(Math.random()*179);//获得一个随机的整数。

}

if(i>180){

i=1;//年夜于180,则从头置为1

}else{

i++;

}

x=((_root.inertion-1)*_x+nx)/_root.inertion+_root.s*_root.force;
//盘算获得小球所要改动地位的值

y=((_root.inertion-1)*_y+ny)/_root.inertion;

dx=x-_x;

dy=y-_y;

if(drag>0){

parent._x=parent._x-dx/_root.elast;//改动球的地位

parent._y=parent._y-dy/_root.elast;

if(parent.parent){//改动代表头部的小球的地位

parent.parent._x=parent.parent._x-dx/_root.elast/_root.elast/_root.elast;

parent.parent._y=parent.parent._y-dy/_root.elast/_root.elast/_root.elast;

}

}else{

_x=x;

_y=y;

}

dx=parent._x-_x;//从头获得值,鄙人一帧中利用

dy=_y-parent._y;

link._xscale=dx*10;//改动球之间的直线的长度

link._yscale=dy*10;

  在新拔出图层的第二帧下面单击鼠标右键,拔取拔出空缺关头帧,此时图层之间的地位应当如图所示,在第二帧的Action面板下面拔出一段ActioScript代码,这段代码跟跟上一帧是一样的,必要两帧是由于要不休播放,不休的改动球之间的地位。





7、回到影片的主场景中,用“Ctrl+L”翻开图库,从图库中拖一个“Symbol1”Clip的实例加入景中,并在其的属性面板下面设置实例名为“sparent”。从图库中拖五个“Symbol1copy”Clip的实例加入景中,并分离在它们的属性面板下面设置实例名为“i1”、“i21”、“i22”、“i3”、“i2”,此时场景中应当如图所示。


<Palign=center>

admin 发表于 2015-1-17 16:17:16

目前动画广告在各类电视节目中有着广泛的应用,在影视及广告中占有重要地位。广州形动数码是国内领先的动画设计制作,

山那边是海 发表于 2015-1-24 17:41:41

Flash插件的最新版本允许设计者控制Box之外的元素和把Flash元素放在HTML或其它元素上面或下面,这就为交互性打开了一个崭新的世界。

不帅 发表于 2015-2-2 13:03:08

不能制作色彩丰富变化的图像,核心竞争力小,而且有一定的局限性。要想制作优秀的动画,就要充分了解软件的优点和缺陷。

飘灵儿 发表于 2015-2-7 22:57:43

随着动漫发展趋势,我国也越来越重视动漫产业的发展,各种制作动画软件应运而生,其中flash比较突出。

再见西城 发表于 2015-2-23 18:51:33

不过,要说国内在FLASH动画领域做的比较出色的,公认的是广州形动数码科技。

小女巫 发表于 2015-3-7 10:25:22

FLASH在网站建设过程中既然有这么多的问题,那为什么我们还继续使用FLASH,不可否认FLASH的问题的确存在,但也不可忽视FLASH在网站建设中。

爱飞 发表于 2015-3-15 01:51:00

单纯的做动画而言,flash动画与传统动画有很多差别,这里会为你介绍什么是flash与flash与传统动画相比具有的优点和缺点,而进一步了解flash动画

愤怒的大鸟 发表于 2015-3-21 19:55:03

祯率越高,动画中可包容的信息越多,动画看起来越光滑和流畅。当然,当祯率增加时,计算机的CPU的重绘工作越多,运行得就越慢。
页: [1]
查看完整版本: 来讲讲:教程/Flash/实例 用Flash制造互动的君子