今天是:
设为首页 加入收藏 网站地图  
正在加截flash,如果长时间无显示,请下载FlashPlayer 9.0
您现在的位置: 呼网互联 >> 技术教程 >> Flash设计 >> 特效实例 >> 教程正文 用户登录 新用户注册
[组图]一则响应鼠标打击的趣味动作实例       ★★★★
一则响应鼠标打击的趣味动作实例
作者:翅膀 文章来源:PConline 点击数: 更新时间:2005-01-18 17:34:56

  最近找到一个有趣的鼠标实例,试着实现了一下,发现它的实现思路对我们做游戏之类的东西是很有参考价值的,所以就把过程写了下来,希望对大家有用。

下载本例源文件(zip压缩文件,468K)

效果预览:(全屏观看)

试试用鼠标煽他几巴掌或揣他几脚

一、实现思路

  我们先来看看实例的效果,鼠标在场景中的不同地方划过,场景中的小人都会有不同的反应。尤其有趣的是,当鼠标划过的速度不同的时候,反应的强弱也是不同的。这就跟游戏中的实现很相似了。

  总的来说,实现的思路大概是这样的:先制作好鼠标划过不同部位所响应的动作特效,再用几个Movie Clip来捕捉鼠标划过的位置跟速度,然后播放不同的动作特效,这就是我们所看到的效果。

二、实现过程

  下面我们来看看具体的实现过程。

  1、按“Ctrl + N”,新建一个Flash文件,按“Ctrl + F8”,新建一个Movie Clip,命名为“All Motion”。

  2、进入此Movie Clip,用鼠标右键点击图层的名称,依次插入“label”、“Action”、“sound”、“idle”四个图层,在“label”层第一帧的属性面板上设置帧的label为“c_idle”,在第34帧上点击鼠标右键,插入一个关键帧,并设置此帧的label为“ML_w”,同理,依次在第47帧、第77帧、第89帧、第139帧、第154帧、第168帧、第220帧、第255帧、第267帧、第310帧、第358帧、第372帧、第430帧、第446帧上分别插入一个关键帧,并分别设置帧的label为“ML_s”、“MR_w”、“MR_s”、“TL_m”、“TL_w”、“TL_s”、“TR_m”、“TR_w”、“TR_s”、“B_m”、“BL_w”、“BL_s”、“BR_w”、“BR_s”。

  3、在“Action”层的第33帧上面点击鼠标右键,插入一个关键帧,在此帧的Action Script面板上面添加语句:gotoAndPlay(1); 同理,在此层的第46帧、第75帧、第85帧、第120帧、第151帧、第165帧、第205帧、第252帧、第266帧、第301帧、第357帧、第369帧、第420帧、第440帧、第464帧分别插入一个关键帧,并分别在帧的Action Script面板上面添加语句:gotoAndPlay(1);

  4、在“idle”图层的第34帧上面插入一个关键帧,在此图层第1帧的场景中用绘图工具画一个小人,如图1所示。这是在没有鼠标动作时候显示的。

图1


  5、在“layer1”图层的第34帧和第45帧上分别插入一个关键帧,在第34帧至第45帧之间制作出当鼠标以比较慢的速度从小人的左边手臂处划过的Movie Clip效果。以此类推,在第34帧至第45帧之间制作出当鼠标以比较慢的速度从小人的左边手臂处划过的Movie Clip效果。在第47帧至第74帧之间制作出当鼠标以比较快的速度从小人的左边手臂处划过的Movie Clip效果。在第77帧至第84帧之间制作出当鼠标以比较慢的速度从小人的右边手臂处划过的Movie Clip效果。在第89帧至第119帧之间制作出当鼠标以比较快的速度从小人的右边手臂处划过的Movie Clip效果。

  6、在第139帧至第150帧之间制作出当鼠标以中等的速度从小人的左边头部处划过的Movie Clip效果。在第154帧至第164帧之间制作出当鼠标以比较慢的速度从小人的左边头部处划过的Movie Clip效果。在第168帧至第204帧之间制作出当鼠标以比较快的速度从小人的左边头部处划过的Movie Clip效果。在第220帧至第251帧之间制作出当鼠标以中等的速度从小人的右边头部处划过的Movie Clip效果。在第255帧至第265帧之间制作出当鼠标以比较慢的速度从小人的右边头部处划过的Movie Clip效果。在第267帧至第300帧之间制作出当鼠标以比较快的速度从小人的右边头部处划过的Movie Clip效果。

[1] [2] 下一页

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

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    · Win XP设置技巧
    · 注册表全攻略
    · Dreamweaver 8
    · Fireworks 8
    · Flash 8
    · Photoshop CS2
    · Corel Draw
    普通教程[组图]十招学会使用Win
    普通教程[组图]Vista兼容性问题
    普通教程[组图]让低端显卡运行V
    推荐教程[图文]多图激赏:Window
    普通教程[组图]Windows Vista小
    推荐教程[图文]CSS实现星级效果
    普通教程[组图]你知道吗?有关V
    推荐教程[图文]廿五则Windows V
    推荐教程[图文]多图激赏:Window
    推荐教程[图文]CSS实现星级效果
    推荐教程[图文]廿五则Windows V
    推荐教程[图文]CorelDRAW经典教
    推荐教程[图文]蓝色人物绘制教程
    推荐教程[图文]韩式风格教程之油
    推荐教程[图文]AI进阶教程之月亮
    推荐教程XP中可以被禁用的服务对
    Email地址在网页中的保
    改变浏览者的鼠标型状
    在Fireworks中实现复杂
    鼠标的千变万化
    Flash鼠绘着色入门教程

    多图激赏:Windows V

    CSS实现星级效果总结

    廿五则Windows Vist

    可控声音 flash 教程
    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)