flash最简单的元件跟随鼠标的动画

lash动画中,有一类经典的动画,就是元件跟随鼠标的动画,一提到这类动画,大家都知道,效果相当可观,所以很多人可能会认为,这种动画很难制作!
其实不然,这种动画很简单,因为和普通的动画没啥区别,仅需要一行代码用来控制元件位置的代码即可,难度估计在于,很多人不知道将代码放到哪个地方,在这里,我们会为你逐一讲解。
下面,我们就来一起制作一个最简单的元件跟随鼠标的动画吧。

操作方法

  • 01

    一、绘制一个元件 下面我们先在舞台中画一个元件,这个元件就是会跟随鼠标移动的元件,你画什么都行,比如画一个圆、画一个正方形等都可以,在这里,本例画的是一个标准的六角星,此时画出来的对象是形状对象。

  • 02

    如上图所示,在图层1的第一帧中,画一个标准的六角星,效果如上图。 接着,还没完,我们得将这个六角星转换为元件,使用鼠标拖选的办法选中六角星对象,然后按下 F8 键,弹出如下图的对话框。

  • 03

    上图中,我们选择“影片剪辑”这种类型,上面的三种类型,你选择哪种都行,都能实现效果。 为什么要转换成为元件呢?原因就是元件可以取名字,而画出来的形状对象不可以取名字,在这里,我们需要对象有名字,所以就得进行转换。 二、给元件添加跟随代码 如下图,在舞台中,选中“六角星”对象,找到该对象对应的属性面板。

  • 04

    如上图蓝线圈住的那输入框,就可以输入名字,在这里,我们输入 xin 这个名字。 接着,在图层面板中,如下图的蓝线圈住的那按钮,点击一下,添加图层2。

  • 05

    然后,选择图层2的第一帧,注意,这个帧是一个空的关键帧,用鼠标选择这个帧。然后,按下键盘上的 F9 键,会弹出代码输入面板。

  • 06

    如上图的右下部分,这里就是输入代码的地方。我们按照上图的代码照着输入即可。 xin.startDrag(true); 输入代码之后,我们就发现,图层2的第一帧上面,多了一个a字母的图标,看到没,你看上图就能看到了。说明已输入代码。 注意,xin指的是我们给六角星在属性窗口中所取的名字。 后面的startDrag(true)的含义是允许拖动、跟随鼠标移动的意思。 至此,整个动画制作完成,你可以放心的测试你的动画了,若看不到元件跟随鼠标在移动,说明你没学会本例子的内容。

(0)

相关推荐

  • 怎么在Win10系统将放大镜跟随鼠标移动功能打开

    有的小伙伴在使用Windows10系统的电脑时,为了方便看一些细小的内容,因此想要打开放大镜跟随鼠标移动功能,但是却不知道如何打开,那么小编就来为大家介绍一下吧.具体如下:1.第一步,点击桌面左下角的 ...

  • 在u3d场景中怎么让物体跟随鼠标位置移动

    今天在制作unity场景的过程中,需要让里面的精灵物体跟随鼠标的位移而移动,这就是需要获得鼠标的位置,然后把位置转换成3d场景中的位置坐标,然后设置物体位置就可以实现这种功能了. 操作方法 01 在u ...

  • 怎样用JavaScript制作跟随鼠标的文字

    如果有一种跟随鼠标移动的文字并能带有缓冲的效果,将会给网页带来一种新鲜的感觉.本节给出了一个跟随鼠标的文的例子,这些文字跟着鼠标移动并具有游走的效果. 本节代码主要使用了鼠标的 onMouseMove ...

  • 实例讲解Flash中的三大元件使用技巧

    Flash是一款专门用来制作动画的软件,它拼接齐全的功能.简洁的界面而深受欢迎.在Flash诞生一度曾被成为三剑客之一.现在,我们来看看Flash中三大元件的功能和作用吧. 操作方法 01 新建文档 ...

  • 简单CSS3技巧实现的Logo动画

    简单CSS3技巧实现的Logo动画,就是鼠标浮上去,切换图片,为了满足广大用户的需求,这里就简单做个演示.东西相对较简单,所以不要认为你搞不定它. 操作方法 01 下面是演示的案例代码 <sty ...

  • ppt图片怎么制作鼠标悬停动画?

    ppt中想要制作一个动画效果,该怎么使用ppt制作鼠标的悬停动画呢?下面我们就来看看详细的教程. 1.首先启动ppt2010,运行该程序,执行插入-形状命令,从中选择矩形,绘制一个矩形,设置形状轮廓为 ...

  • 如何显示鼠标右击动画

    网络时代,直播或做视频成为了一个新行业,为了使观看的人能清楚的感觉的鼠标的点击,需要对右键单击设置一些动画.接下来就由小编来告诉大家如何操作.具体如下:1. 第一步,打开录屏软件并进入主页.2. 第二 ...

  • 如何用flash制作简单动画效果

    本文主要介绍如何用flash创作一个简单的动画移动效果,即如何控制帧. 操作方法 01 制作元件.单击右下方新建元件--创建新元件--单击确定 02 进入元件编辑模式.单击工具面板椭圆工具(自定)-- ...

  • 怎么用flash制作简单的动画

    用flash做做简单的动画吧..... 操作方法 01 运行Flash CS5软件.新建一个文档,Ctrl+J打开文档设置,在"属性面板"中舞台大小为:1000*600像素,帧频为 ...