Flash中变色背景的实现技巧
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-10
|
效果简介： 本例巧妙地运用Flash中颜色对象、帧与标签的跳转技巧以及函数的创建方法。本例的效果演示也很有意思：只要轻轻滑一下鼠标，动画的背景就变了色；如果跳转到变色背景的点击模式下，就可以点击鼠标改变背景的颜色了。好了，下面就让我们动手设计吧。 设计元件： 1．打开打开Flash MX 2004，如图1所示新建一个Flash文档。按快捷键Ctrl+F3打开“属性”面板，如图2所示单击“文档属性”按钮打开“文档属性”面板（快捷键Ctrl+J），设置场景大小为255px x 255px，背景色为黑色，帧频为12fps。  图1???????? 图2
2．在制作之前先了解主场景中层与帧的结构，如图3所示。这样便于以后的设计。
 图3?????????????? 图43．点选“矩形工具”  ，并禁用“笔触颜色”，如图4所示。按着Shift键，同时用鼠标左键在场景中拉出一个的矩形。点选绘制好的矩形，如图5所示设置“属性”面板，使其正好覆盖住整个场景。
 图5
技巧：按快捷键Ctrl+K打开“排列”面板，点选“相对舞台”按钮 ，再点选场景中的矩形，单击面板中的按钮即可让物体快速和场景对齐。上一步骤，可以通过单击面板中的“匹配高度和宽度” 、“左对齐” 、“上对齐” 三个按钮完成。使用“排列”面板可以便捷的对物体进行对齐等操作，希望读者能牢记Ctrl+K这个快捷键。 4．转换场景中的矩形为影片剪辑元件。点选刚绘制好的矩形，按F8键，在弹出的“转换为元件”面板里点选“影片剪辑”单选钮，并命名为“矩形”。如图6所示。  图6
5．点选场景中的“矩形”影片剪辑元件，实体名设置为mc。如图7所示。
 图76．按快捷键Ctrl+F8新建一个名为“移动变色”的按钮元件。在“移动变色”元件的编辑场景中，点选“文本工具”  ，在Up帧中写下“移动模式”四个字，字的颜色为黄色。点选Hit帧，按F6键插入一个关键帧。点选“矩形工具”，画一个矩形使其覆盖住Hit帧里的文字。
注意：如果不在Hit帧里设置点选区域，则会默认以文字为点选区域，导致不易点中按钮。有些文字按钮不容易点击到就是这个原因。7．按快捷键Ctrl+L打开“库”面板，右键单击“点击变色”按钮，在弹出的菜单中点选“复制”命令。在弹出的“元件副本”面板里输入“点击变色”，如图8所示。接着把“点击变色”按钮里“移动”二字改成“点击”，其它设置不变。  图8
[1]?[2]?[3]?下一页??
设计场景：1．双击“时间轴”面板中“图层1”的名字，改层的名字为“背景”。点选场景中的“矩形”元件，按F9打开“动作”面板，并输入如下代码： // 移动鼠标执行动作 onClipEvent (mouseMove) { // 把鼠标的当前位置的X坐标值附值给影片的红色参数 _root.r = _root._xmouse; // 把鼠标的当前位置的Y坐标值附值给影片的绿色参数 _root.b = _root._ymouse; _root.g = _root._xmouse+_root._ymouse; // 调用mcColor()函数 _root.mcColor();? } 2．点选“背景”层的第3帧按F6键插入一个关键帧。右键单击第3帧中“矩形”元件，按F9键打开“动作”面板，把动作onClipEvent中的事件“mouseMove”改成“mouseDown”。 3．单击“时间轴”面板中的“插入图层”按钮  新增一层并修改层的名字为“跳转”。点选该层第1帧，在场景的左上角写下“请点击你的鼠标”几个字。按快捷键Ctrl+L打开“库”面板，把库中的“点击变色”按钮拖拽到场景的右下角。如图9所示。
 图94．点选“跳转”层的第3帧，按F6键插入一个关键帧。在“属性”面板中把该帧命令为“lable”，如图10所示。把该帧场景左上角的文字换成“请点击你的鼠标”，再把右下角的“点击变色”按钮替换成“移动变色”按钮。  图10
5．点选“点击变色”按钮，按F9键打开“动 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash游戏设计之迷宫篇下一篇: Flash实用技巧之蜡烛制造
关于Flash中变色背景的实现技巧的所有评论
