快速业务通道

Flash中背景变色及其实现技巧

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-14

 本文主要运用了Flash中颜色对象以及帧与标签的跳转技巧,只是表现手法比较有意思:在起始的“移动模式”下,你只要轻轻滑一下鼠标,动画背景就变色;如果跳转到“点击模式”下,动画的背景则通过鼠标点击变换颜色。
  下面就让我们来看看具体的制作过程,主要有四个步骤:元件的设计、背景层的设计、跳转层的设计、代码层的设计。
  一、元件的设计   1. 打开Flash 5。按快捷键 “Ctrl+M”打开Movie Properties面板并把场景的大小设置成255 px×255px,背景色为黑色。   2. 选择矩形工具(图标1) ,按着“Shift”键加鼠标左键在场景中拉出一个的矩形(不要边框)。单击工作界面右下角的信息面板图标(图标2) 打开Info面板进行如图1的设置,使这个矩形正好覆盖住场景。   3. 选中刚刚画好的的那个矩形,然后按快捷键“F8”。在Symbol Properties面板里选择Movie Clip属性,并把命名为“矩形”。按快捷键“Ctrl + I”打开Instance面板,给矩形影片起名为mc。   4. 按快捷键"Ctrl+F8"打开“Symbol Properties”面板新建一个名为“点击变色”的Button符号。选中“Up”帧,按快捷键“T”选择文字工具(图标3) 后写下“点击模式”几个字。接着按快捷键“Ctrl + T”打开Character面板并进行如图2的设置,   字的颜色为黄色。选中“Hit”帧后按下快捷键“F6”插入一个关键帧。接着选择矩形工具,画一个矩形把“Hit”帧里字覆盖住。   5. 按快捷键“Ctrl+L”打开库,右键单击库里的“点击变色”按钮,然后选择“Duplicate”命令。在弹出的Symbol Properties面板里给新的按钮命名为“移动变色”。接着把“移动变色”按钮里“点击”两个字改成“移动”,其它设置不变。   到此,所有的元件就设计好了。   二、背景层的设计   1. 按快捷键“Ctrl+E”回到主场景。在主场景中双击“Layer 1”层并把该层的名字改为“背景”。   2. 右键单击“矩形”影片输入下面的代码:   onClipEvent (mouseMove) { //移动鼠标执行下面的代码
    _root.r = _root._xmouse; //把鼠标的当前位置的X坐标值附值给影片的红色参数
    _root.b = _root._ymouse; //把鼠标的当前位置的Y坐标值附值给影片的绿色参数
    _root.g = _root._xmouse+_root._ymouse;
    _root.mcColor();? //调用mcColor()函数,mcColor()函数在后面设计
  }   3. 选择该层的第3帧按下“F6”键插入一个关键帧。右键单击第3帧中“矩形”影片,在弹出菜单中选择“Actions”命令,然后把语句onClipEvent 中的参数“mouseMove”换成“mouseDown”。


  三、跳转层的设计   1. 按“Insert Layer”按钮(图标4) 新增一层并命令为“跳转”层。   2. 选中该层的第1帧,按快捷键“T”选择文字工具后在场景的左上角写下“请移动你的鼠标”几个字,字要小一点。把库中的“点击变色”按钮拖拽到场景的右下角。   3. 选中该层的第3帧按下“F6”键插入一个关键帧。接着把该帧左上角的文字换成“请点击你的鼠标”,再把右下角的“点击变色”按钮替换成“移动变色”。记住,它们之间的位置不能变化。   4. 右键单击“点击变色”按钮,输入下面的代码:   on (release) {? ?//鼠标左键单击后松开
    gotoAndStop ("label");?? //跳转到“label”标签,“label”标签在后面设计
  }   5. 右键单击“移动变色”按钮,输入下面的代码:   on (release) {
    gotoAndStop (1);
  }   四、代码层的设计   1. 按“Insert Layer”按钮(图标4) 新增一层并命令为“代码”层。   双击该层中的第1帧,输入下面的代码:   changeColor = new

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号