Flash MX一步步跟我Flash MX一步步跟我做——“幽灵情书”—

您的位置：首页 → 网页设计 → Flash → Flash MX一步步跟我Flash MX一步步跟我做——“幽灵情书”——“幽灵情书”

Flash MX一步步跟我Flash MX一步步跟我做——“幽灵情书”——“幽灵情书” 时间：2004/11/7 2:22:00来源：本站整理作者：蓝点我要评论(0)

Flash MX一步步跟我做——“幽灵情书”

　　害羞的你，是不是因为爱说不出口而烦恼？或者怕对方当面拒绝自己的约会邀请？很多人都或多或少得会遇到这样的情景吧！现在方便了，除了打电话，无处不在的网络更是帮你解决问题的好工具，而Flash更是这些工具中最有效的。画面生动可爱，很能吸引MM的兴趣哦！

　　今天笔者就来教你制作一个可爱的小动画——“幽灵情书”，帮你说出你一直想对对方说的。先别被它的名字吓倒哦，但他确实很实用，更绝的是，它可真的会像“幽灵”一样。。。对方肯定不会再拒绝你咯！呵呵，下面我们就来开始制作吧。

　　先介绍一下“幽灵情书”的基本构思和主要创作技巧吧。在“情书”中我们用文本工具创建一段文字，并提出你向她（他）的约会邀请，那可是“情书”的主体哦，就是你想说又难以启齿的，就让Flash来帮你传达吧！但从技术上来说，文本并不是关键，也是制作中最简单的一步。之后，我们要设计两个按钮，其中一个是她（他）答应你的邀请，切换到另一个画面，表达你高兴的心情，让她（他）感觉到你的真诚：），另一个按钮则是她拒绝你的邀请！：（ “你不是说过，这个情书不会让对方拒绝我的吗？”呵呵，别急，本情书就是在这个按钮上做文章：对方永远也不能点到它，按钮就像长了脚，处处躲开欲拒绝的“残忍一击”，而只能答应哦。嘿嘿，这招够绝吧，它真的像幽灵耶！OK，打开Flash开工咯。

第一步：启动Flash MX，创建一个新文件，设置工作区大小为400×300。然后使用文字工具输入想对她（他）说的话，并设置文本的属性，使它们和其它对象协调，如同1所示:

图1

第二步：打开Insert菜单，选择New Symbol命令，或直接使用快捷键Ctrl+F8，在弹出的Create New Symbol对话框中选择Button项，并在文本栏中为两个新创建的按钮分别命名为ButtonOK和ButtonNO，如图2所示：

图2

进入按钮设计工作区，分别制作出这两个按钮，将存于系统Library面板中供以后调用。

第三步:重新回到工作区，首先在第一帧中放置按钮“buttonOK”到工作区中合适位置，之后在1－5帧，插入关键帧，现在这5帧都有相同的内容。

现在可以把按钮 “buttonNO”，复制到1－5帧的不同位置。目的就是为了设置电击该按钮时实现动画在各帧之间的跳转，使对方永远也按不到该按钮。如图3所示。

图3

第四步：这一步是关键，我们使用action语言实现预计的动画效果。首先使用快捷键F9打开action面板，选定第一帧，双击Movie Control中的Stop语句，使动画开始时便定格于第一这一帧，直到遇到一定的事件（如本例的鼠标点击），触发设置的动作（本例是各帧之间的跳转），如图4所示。

图4

完成后其余几帧也做同样的设置，也就是使跳转到另一帧后，同样停止动作，直到遇到下一个事件。

设置好帧动作后，我们接着来设置按钮。再次回到第一帧，选中按钮“buttonNO”，点击鼠标右键。选择Actions，在弹出Action面板双击Movie Control中的go to语句。在type中选择next frame，如图5所示：

图5

现在该按钮的动作设定是：

on (release) {

nextFrame();

}

　　意思就是当鼠标点击松开时，跳转到下一帧。这意味着什么呢？哈，到了下一帧，按钮就换地方咯，抓到它再点击它，又跳转到下一帧，它又换个地方了，就这样不停的循环，它永远不停的跑，你能抓住它拒绝我么？呵呵，不过要实现这样完美的效果，还需要下面的步骤：

　　将除了最后帧里的按钮的其他几个按钮都做上一步同样的操作后，在最后帧的go to下设置type为Frame Number,Frame为1，这样到了第5帧后，又会重新跳转到第1帧，这样才真正实现了跳转的循环，够“毒”吧？！

第五步：完成了防止对方拒绝的步骤后，我们就可以尽兴的设计对方答应后怎样表示你的激动之情了。

　　在第6帧创建一个空白关键帧，在其上写上类似高兴或激动的话便可。下面就来从技术角度来实现点击按钮“buttonOK”后跳转到这一帧，其实也比较简单，方法和上一步基本相似，打开该按钮动作面板后，设置为：

on (release) {

gotoAndPlay(6); //当鼠标点击松开时，跳转到第6帧。

}

注意：每个帧中的该按钮都要做同样的设置，才能实现随时点击该按钮都有事件激发的效果。如图6所示：

图6

第六步：倒此我们已经完成了该动画的主体，但正如编程要考虑到事件的各个方面一样，该动画也还需要做进一步润色。

　　试想要是对方就是不答应，便不点击OK，而直接把动画关闭了，那我们的心血岂不白费？！考虑到这一点，我们便在第一帧中实现动画的全屏，而不能直接关闭它了。（虽然这还不是绝对能防止被强行关闭的措施，但吓吓一般人已经足够了：P）

　　方法很简单，就是在第一帧的Action语句中加入“fscommand("fullscreen", "true");”语句，当动画开始载入时，便实现全屏，这样就能避免简单关闭该动画了。

　　那么怎样才能关闭动画呢？要是只有点击同意按钮后才能实现关闭的效果，那该多好？很好，你已经初步具备“心狠手辣”的素质了：P下面我们就来实现这一设想：

　　考虑到只有点击同意按钮才能跳转到第6帧，我们就在第6帧上加入一个按钮，实现窗口关闭功能吧。再次创建一个按钮，加入到第6帧中合适位置，设置它的动作为：

on (release) {

fscommand("quit");//当鼠标点击松开时，退出动画；

}

　　好了，现在我们已经完成了该动画的制作，如果还想在美工上加强，则不在本次教程计划范围内了，各位读者各展其才吧！类似本例的动画用来约会MM或像笔者一样用来“追债”可是再好不过了，希望读者好好利用它哦！另外，说明一点，这个动画Just a kidding，如有读者用来做“非法”手段，笔者可概不负责！：P

文章评论

查看所有0条评论>>

热门文章 没有查询到任何记录。