有趣用Flash制作互动的小人

2016-01-29 14:24 146 1 收藏

有趣用Flash制作互动的小人,有趣用Flash制作互动的小人

【 tulaoshi.com - Flash 】

　　我们先来看看实例的效果，场景中有六个小球，分别代表人的头、腰、手、脚，如果用鼠标拖动小人身体的任何一部分，身体的部分都会做出相应的动作，整个身体各部分之间位置的改变是很协调的。

　　实现其实是很简单的，下面我们一步一步来制作这个实例效果。

　　1、打开，新建一个场景，按“Ctrl +F8”新建一个Clip，命名为“Symbol5”，类型为“Button”，用椭圆工具在此Clip的场景中绘制一个圆，并用填充工具填充一个渐变颜色，如图所示。

　　2、按“Ctrl + F8”新建一个Clip，命名为“Symbol1”，类型为“MovieClip”，将上一步所制作的“Symbol5”拖到此Clip的场景中，并在“Symbol5”Clip的Action面板上面增加如下语句：on (press)

　　

　　this.startDrag();　//当鼠标点击的时候，拖动Clipon (release,releaseOutside)//当放开鼠标的时候，停止拖动Clip

　　this.stopDrag();

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

　　4、按“Ctrl + F8”新建一个Clip，命名为“Symbol 1copy”，类型为“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面板上面插入如下语句：

　　在新插入图层的第二帧上面单击鼠标右键，选取插入空白关键帧，此时图层之间的位置应该如图所示，在第二帧的Action面板上面插入一段ActioScript代码，这段代码跟跟上一帧是一样的，需要两帧是因为要不断播放，不断的改变球之间的位置。

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

　　8、选取主场景中时间轴上面的第一帧，在其Action面板上面增加如下语句：elast =1.5;//分别初始化几个值inertion = 10;force = 1;i1.parent = sparent;i1.sx=30;i1.sy = 80;i2.parent = sparent;i2.sx = 0;i2.sy = 70;i3.parent=sparent;i3.sx = -30;i3.sy = 80;i21.parent = i2;i21.sx = 20;i21.sy=60;i22.parent = i2;i22.sx = -20;i22.sy = 60;s = newArray();//初始化两个数组c = new Array();for (i=0; i<180; i++)s[i]=Math.sin(i*Math.PI/90); //将数学中的Sin值保存到数组中for (i=0;i<180;i++)c[i] = Math.cos(i*Math.PI/90); //将数学中的Cos值保存到数组中

　　至此，实例就制作完成了，按“Ctrl + Enter”就可以看到实例的效果。

　　作者：翅膀

来源:http://www.tulaoshi.com/n/20160129/1493198.html

上一篇： Flash 3d效果精彩实例(8)
下一篇： Delphi制作图形化的ComboBox

看过《有趣用Flash制作互动的小人》的人还看了以下文章更多>>

Flash使用技巧－－用Flash制作转动的地球仪

标签： flash教程

上学那会儿，经常看到老师拿着地球仪给我们上课，当时看着漂亮的转动着的地球仪真想自己也拥有一个。现在这个愿望终于实现了！嘿嘿，不是花钱买，而是使用制作！而且还是一个带有立体感的透明的地球（如图1），它可以广泛地运用在很多Flash动画中，比如一些网站开头动画和Flash短片中。图1 素材准备 1...

用Flash MX制作MOV短片

标签： flash教程

现在大多数的数码相机都附有短片拍摄功能，有的相机所拍的为AVI格式的短片，但更多数码相机所拍摄的短片为MOV格式，由于相机本身的局限，这些短片一般无法记录声音，拍下的短片成了“哑剧”，并且能对MOV短片进行合并、格式转换的工具很少，这都给人们的使用带来了很大不便与遗憾。如果利用动画制作工具Flash MX，就可以非常方便地对多个MOV短片...

用Flash制作“拖曳配对题”

标签： flash教程

拖曳配对题是一种常见的交互题型，将设定的物体拖到目标区域，根据到达的位置反映相应结果。一般情况下，如果没有到达目标区域，还能自动返回。学生在完成这种题型时，感觉像在玩游戏，可谓是“在玩中学，在学中玩”。本文将为大家介绍如何使用Flash制作拖曳题。 1. 启动Flash Mx/2004，新建一个Flash文档。在场景的第1帧输入文字，并...

用Flash MX制作新年贺卡

标签： flash教程

光阴似箭，转眼间新的一年又要姗姗而来，剑锋由一名闪迷也成长为闪客了，今天就要用自学的Flash知识，为大家制作一张新年贺卡，祝大家“新年快乐，更上层楼”。贺卡效果：伴随着一阵鞭炮声和飞舞的福字，画面上出两扇门，门上拉下一幅春联“新年快乐，更上层楼”；当用鼠标点击门时，大门打开，从门里出来一个小男孩，...

用Flash制作动感火焰字

标签： flash教程

相信多数Flash爱好者都见过一种文字特效，这种效果是将文字层作为遮罩利用背景图片的移动而产生动感。但是这种动画只是一种“假”动画，绝非真正动画效果。不久前本人为了参加公司系统举行的课件展评活动，在制作片头的时候突发奇想：能否利用遮罩效果实现文字熊熊燃烧的动画呢？想到就干，经过一番折腾，终于在屏幕上出现了暗夜之中熊熊燃...

查看更多精彩>>