有趣用Flash制作互动的小人

2016-01-29 14:24 139 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”就可以看到实例的效果。

　　作者：翅膀

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

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

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

Flash使用技巧－－用Flash制作落地有声的瓶子

标签： flash教程

下面我们做个落体运动动画。这其中使用了沿轨迹运动的技术及声音的添加。 1、运动轨迹新建一个空白页，按下“Snap”按钮；在“File”菜单中选择“Import”导入一个瓶子的GIF图片。点击按钮“Add Guide Layer”，新建一个轨迹层；在新的轨迹层上用“铅笔工具”(Pencil[p])的Smooth模式绘制一条自由落体...

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

标签： flash教程

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

有趣的Flash鼠标跟随效果(1)

标签： flash教程

效果预览图：图 1 效果简介：该例在鼠标效果中是最基本的了，也是一个比较典型的鼠标实例。效果中小人的眼睛会跟随鼠标移动，这时的鼠标也变成了一串香蕉。因此，这个小人也显得垂涎欲滴。观看效果：制作要点简介：文章中读者将要学到隐藏和替换鼠标的技术即学习拖动影片剪辑的控制语句。鼠标跟...

用PS制作独特的有趣的文字印刷壁纸

【PS文字特效】用PS制作独特的有趣的文字印刷壁纸 PS设计独特的有趣的文字印刷壁纸，本教程将指导你如何用几个简单的步骤创建十分有趣而且独特的印刷墙纸。即使初学者也能创建出这种效果，再考虑添加进自己的风格，我相信你会很享受学习本教程!你将学习到如何创建漂亮的背景，添加光亮效果等等等等让我们开始吧! 步骤1-创建背景 ...

有趣的Flash鼠标跟随效果(2)

标签： flash教程

4．制作眼睛。新建一个名为“眼睛”的影片剪辑元件。先用“椭圆”工具在场景中绘制一个颜色#999999的圆。打开库，把“瞳孔”影片剪辑拖拽到场景中，放置在灰色的圆上。注意：“瞳孔”元件的中心要和场景的中心重叠。如图4所示。图 4 5．点选“瞳孔”元件，然后在“属性”面板里给它起个实例名称“eye”。如图5所示。图 5 ...

查看更多精彩>>