当前页面位置: » 丰搜网 » 文档中心 » 详细内容
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 color( mc ); //新建一个color对象，mc为影片
r = 0; //初始化影片红色参数
g = 0; //初始化影片绿色参数
b = 0; //初始化影片蓝色参数
function mccolor () { //定义mccolor()函数
changecolor.setrgb(r << 16 g << 8 b);
//setrgb()函数是设置影片的颜色值
//“()”内把颜色合成，以便重新设置影片的颜色属性
}
stop ();
2. 选中该层的第3帧按下“f7”键插入一个关键帧，接着选择“frame”面板，把该帧命令为“lable”。
为什么我们要使用标签而不让它跳转到第3帧呢，那是因为这样做方便控制——不管你把该帧拖到什么地方也不需要对代码进行改动了。
好了，效果到这里就完成了。图层，场景的最终如图4。按快捷键“ctrl+enter”测试一下效果吧。我想现在你肯定有所得。
