| 网站首页 | Photoshop资源 | Photoshop学院 | Photoshop展示 | 设计素材 | 设计学院 | 数码学院 | 返回总部 | 
您现在的位置: Photoshop资源站 >> 设计学院 >> 动画设计 >> Flash >> Flash制作实例 >> 正文
  Flash MX实例:星星跟着鼠标走           ★★★★ 【字体:
Flash MX实例:星星跟着鼠标走
作者:佚名    教程来源:PS.ONEGREEN.ORG    点击数:    更新时间:2008-1-17    

  在Flash MX当中鼠标的跟踪的制作方法有很多种,为你介绍其中的一种可以有多种变化方式的鼠标跟踪。让星星紧随你的鼠标转动。

  有关知识:对象绘制、startDrag 、setProperty、duplicateMovieClip的运用。

  实例演示

  鼠标黑色画面中滑动或者停留,会看到跟随的小星星

  制作过程

  步骤1:打开Flash,建立一个新文件。

  步骤2:从菜单栏中选择插入>添加符号(Insert>New Symbol),在出现的对话框中选电影片断(Movie Clip),取名为star,如图1所示。

Flash MX实例:星星跟着鼠标走

  图1 建立名为star的电影片断

  步骤3:用绘图工具在舞台画一颗星星,大小为10X10像素,颜色为白色,如图2所示。

Flash MX实例:星星跟着鼠标走

  图2绘画一颗星星

  步骤4:在20帧处插入关键帧,右键点选20帧处的星星,在Color Mixer面板将透明(Alpha)值调为0%,并且将星星横向拖动,如图3所示。

Flash MX实例:星星跟着鼠标走

  图3透明(Alpha)值调为0%

  步骤5:右键点选20帧,在Actions面板 ,就将Stop(停止)命令加入此帧。如图4所示。

Flash MX实例:星星跟着鼠标走

  4 加入Stop命令

  步骤6:在第一帧单击鼠标右键选取Panels>Frame,把渐变(Tweening)设为(Shape), 如图5所示。

Flash MX实例:星星跟着鼠标走

  图5把渐变(Tweening)设为(Shape)

  步骤7:点选菜单栏中的插入>添加符号(Insert>New Symbol),在弹出的对话框中选电影片断(Movie Clip), 命名为while。在第1帧单击,在Actions面板中设置Actions如下:

  startDrag ("/aa", true);  //物体aa跟踪鼠标
  setProperty ("/a", _rotation, b);  //物体a的旋转值等于变量b
  b = Number(b)+20;  变量b加20
  if (Number(b) == 360) {  //判断如果b为360
    b = 0;  //变量b为0
  }
  停止判断
  a = Number(a)+1;  //变量a加1
  duplicateMovieClip("/a","aaa"adda,eval("a"));
  //复制物体a为aaa加变量a
  if (Number(a) == 25) {  //判断如果a为25
     a = 0;  //变量a为0
  }  //停止判断
  setProperty("/a",_x, getProperty("/aa", _x));
  //物体a的x坐标等于物体aa的x坐标
  setProperty("/a",_y, getProperty("/aa", _y));
  //物体a的y坐标等于物体aa的y坐标

  步骤8:在第2帧处插入空帧(Insert Blank Keyframe),将第2帧的Actions设为gotoAndPlay (1);作用是跳至第一帧并播放。

  步骤9:回到主场景(Scene),把库里面的两个电影片断star和while都移到主场景,在Instance面板中分别为它们命名为a和aa。如图6所示。

Flash MX实例:星星跟着鼠标走

  图6 给主场景中的电影片断命名

  按Ctrl+Enter,就可测试鼠标跟随效果,如图7所示。

  图7星星跟着鼠标走

  如果认为只有一颗星星不好看的话,可以在适当的位置加入几颗星星,那么出来的效果就会更加好看了。

教程录入:onegreen    责任编辑:onegreen 
  • 上一篇教程:

  • 下一篇教程:
  •  
    发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    PS结合Flash制作瓢虫动画
    Flash 8 线条实例演练—画一片树叶
    flash中MP3导入及同步歌词的方法
    Flash入门实例:水滴动画制作
    Flash实例教程:休闲来喝茶吧
    Flash鼠绘入门第十二课:逼真蝴蝶的画法
    Flash实例教程:卡通MM眨眼睛动画
    80.小草生长
    81.思考延伸
    Flash教程:绘制喜鹊和红梅动画