Flash 鼠标事件：起伏的立体方块群
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-15
|
源文件下载 效果说明：不知道读者您是否摆弄过钢琴或者类似的键盘乐器。那么您是否也想我一样顽皮的爱用手在那黑白相间的琴键上划过，而欣赏那键盘逐个被按下而依次弹起的“运动”，并被自己弄出的声响而得意呢？今天我们要说的这个效果就有点类似于这样：当你将鼠标划过时，相应的立方体就会弹起来，在到达最高点后掉落，并经过几次反复逐渐落回原位（对了，就好像弹簧一样）。现在我们就开始讲解。 原理：其实这个例子很简单，就是用到了基本的MC和鼠标事件的知识。我们做一个立方体做弹跳运动的MC，并对此MC运用鼠标事件控制它的运动，最后将它一个一个摆放与住场景下就可以了。 下一页：具体做法 具体做法： 步骤一：建立立方体 新建一个电影文件，规格为520x400。 选择菜单中Insert>New Symbol(Ctrl+F8),建立一个新的Craphic。取名为box。 选择矩形工具(Rectangle Tool)并按住Shift键做出一个正方形来,用箭头工具（Arrow Tool）选中，然后用在工具条里的填充颜色（Fill color）的调色板里选择白色，这样我们就将这个正方形的内部变为白色了。接着在方形被选中的情况下在界面上放的工具栏中选择旋转工具（Rotate），将这个正方形旋转45度。最后利用工具栏中的变形工具（Scale）再把这个正方形压扁一下。当然如果你愿意的话，也可以直接用菜单中的Modify>Tersform>Scale and Rotate…（Ctrl+Alt+S）在弹出的对话框中填写适当的数字。 以上是建立了正方体的顶部（由于光较强，所以填充为白色）。接着按照类似的方法制作正方体的两个侧面并放置在相应的位置。注意的是靠左侧的填充颜色较暗，靠右侧的填充较亮，这样就会比较有立体感和光照感。接着我们还要做一件事就是一起选中这个正方体的3个组成部分，点选工具栏中的对齐（Align）按钮，在弹出的选择框中分别选择第一行的第二个和第五个（即Align horizontal center和Align vertical center）按钮，作用是将这个正方体放置到场景的中心来，如图1。  步骤二：建立鼠标Hit区（就是感应区） 新建一个鼠标Symbol, Insert>New Symbol(Ctrl+F8),建立一个新的Button。取名为button。 前3桢不管他，但在第四桢（hit）的地方插入关键桢（Instert>keyframe或F6），用矩形工具（Rectngle Tool）拖出一个和刚才差不多大小的正方形来，并按前面的方法制成正方体顶部那块的形状。最后也和第一步骤中方法一样，将这个hit区放置到场景中间来。 步骤三：建立应鼠标运动的单个立方体 新建一个电影夹（Movie Clip），Insert>New Symbol(Ctrl+F8),选择Movie Clip。取名为mouse over tamplate。 选择Window>Library或Cltl+L唤出该文件的库（Library）。我们从里面将button拖到编辑窗口中来，在其上添加这样很简单的Action：on (rollOver) {play ();}作用是令鼠标从Hit区移开始播放这段MC，如图2。复制其两个副本（Ctrl+c之后Ctrl+v），利用前面讲过的方法将这3块组成一个立方体的形状。最后用对齐工具（Align）将其放在中间。  新建一层，在第一桢处插入关键桢（Instert>keyframe或F6）后将库中的box拖出，并利用对齐工具（Align）对齐中央。在第40桢插入一桢。这两桢分别是表示里立方体的起始位置和最终位置（想当然的应该是一个位置，呵呵）。再做几桢向上弹和向下落的动作，也就是插入关键桢之后调整关键桢中正方体元素的位置和大小，我们一般习惯上升的时候变大，下降的时候变下，利用变形工具（Scale）我们很轻松的就可以将这几个桢里的元素调节好了。注意的是顺序不要搞错了，一定是先升后降，所以应该先大后小，可以有几次大小变换来表现立方体的弹性特性，大约8个关键桢就差不多了。然后我们要做的就是对每一个关键桢用一下操作：用window>panels>Frame或F8调出Frame面板，在Tweening选项中选择Motion。这样这些关键桢中间的过渡桢都会由计算机自动处理生成了。 最后不要忘了在第一桢和最后一桢都加上一个Action：Stop() 第四步骤：完成项目 前面3步我们已经把做重要的东西都做完了，现在只是一个简单拼装的事了。新建一个电影夹（MC），取名为building block。将mouse over tamplate一个一个的从Library中拖出来排列整齐。 最后将building block从Library中拖到主场景中来，至于拖几个就看你喜欢了，如图3。  现在按Ctrl+Enter看看效果吧。把鼠标从上面划过，嘿嘿，是不是又好像回到了孩提时代呢？ 关键词：立体 鼠标 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 视频文件转换为Flash的新型武器——Flix下一篇: Flash 神奇遮罩之图片篇(下)
关于Flash 鼠标事件：起伏的立体方块群的所有评论
