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

本文主要运用了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”。

---