仓酷云

标题: 来讲讲：教程/Flash/实例 用Flash制造互动的君子 [打印本页]
作者: 透明    时间: 2015-1-15 21:19
标题: 来讲讲：教程/Flash/实例 用Flash制造互动的君子
这个播放器非常小，只需花一点点时间下载，对于在体验网页上的多媒体效果是个很好的开始。
<divclass="start">我们先来看看实例的效果，场景中有六个小球，分离代表人的头、腰、手、脚，假如用鼠标拖动君子身材的任何一部分，身材的部分城市做出响应的举措，全部身材各部分之间地位的改动是很和谐的。


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



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

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

<P>　　

来讲讲：教程/Flash/实例 用Flash制造互动的君子
登录/注册后可看大图



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代码，这段代码跟跟上一帧是一样的，必要两帧是由于要不休播放，不休的改动球之间的地位。



来讲讲：教程/Flash/实例 用Flash制造互动的君子
登录/注册后可看大图


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


<Palign=center>
作者: admin    时间: 2015-1-17 16:17
目前动画广告在各类电视节目中有着广泛的应用，在影视及广告中占有重要地位。广州形动数码是国内领先的动画设计制作，
作者: 山那边是海    时间: 2015-1-24 17:41
Flash插件的最新版本允许设计者控制Box之外的元素和把Flash元素放在HTML或其它元素上面或下面，这就为交互性打开了一个崭新的世界。
作者: 不帅    时间: 2015-2-2 13:03
不能制作色彩丰富变化的图像，核心竞争力小，而且有一定的局限性。要想制作优秀的动画，就要充分了解软件的优点和缺陷。
作者: 飘灵儿    时间: 2015-2-7 22:57
随着动漫发展趋势，我国也越来越重视动漫产业的发展，各种制作动画软件应运而生，其中flash比较突出。
作者: 再见西城    时间: 2015-2-23 18:51
不过，要说国内在FLASH动画领域做的比较出色的，公认的是广州形动数码科技。
作者: 小女巫    时间: 2015-3-7 10:25
FLASH在网站建设过程中既然有这么多的问题，那为什么我们还继续使用FLASH，不可否认FLASH的问题的确存在，但也不可忽视FLASH在网站建设中。
作者: 爱飞    时间: 2015-3-15 01:51
单纯的做动画而言，flash动画与传统动画有很多差别，这里会为你介绍什么是flash与flash与传统动画相比具有的优点和缺点，而进一步了解flash动画
作者: 愤怒的大鸟    时间: 2015-3-21 19:55
祯率越高，动画中可包容的信息越多，动画看起来越光滑和流畅。当然，当祯率增加时，计算机的CPU的重绘工作越多，运行得就越慢。



欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2