MX经典实例之变色城堡

效果预览图：

图2-1

效果简介：

这是一个简单的Color（颜色）对象应用的实例。只要移动鼠标，城堡的颜色就会发生变化。

文章简介：

为了加深读者对对象的影响和理解。笔者这里再为大家准备了一个常用对象Color对象的实例。

制作步骤：

设置场景的大小为320px×160px，背景色为#333333，帧频为12fps。

1．按快捷键Ctrl+F8，创建一个“城堡”影片剪辑元件。在“城堡”元件的的场景中导入一幅“城堡”图片。当然，其它图片也可以。

2．把主场景中的“图层 1”改名为“背景”，打开库，把“城堡”元件从库中拖拽到“背景”层中。选中城堡，在“属性”面板里设置其实例名为“mc”。如图2-2所示。

 图2-2

3．在主场景中新建一层并改名为“脚本”层。如图2-3所示。

 图2-3

选中该层的第1帧，按F9键打开“动作”面板，输入下面的代码：

//创建一个新的Color对象changeColor

changeColor = new Color( mc );

//初始化红色参数

r = 0;

//初始化绿色参数

g = 0;

//初始化影片蓝色参数

b = 0;

//自定义一个mcColor()函数

function mcColor() {

//setRGB()的作用是指定实例的RGB颜色

//“<<”是移位操作符，改语句的作用是让实例的颜色值发生变异味

    changeColor.setRGB(r << 16 | g << 8 | b);

}

4．右键单击场景中的“城堡”元件，选择“动作”命令，在打开的“动作”面板中键入如下代码：

//mouseDown为鼠标按下事件

onClipEvent (mouseDown) {

//用鼠标的的X坐标值改变“城堡”的红色参数

_root.r = _root._xmouse;

//改变“城堡”的蓝色参数

_root.b = _root._ymouse;

//改变“城堡”的绿色参数

_root.g = _root._xmouse+_root._ymouse;

//调用自定义的mcColor()函数

_root.mcColor();

}

到这里，变色城堡的效果就完成了。只要读者能吃透该例中的代码，就能驾驭Color对象设置其它的与颜色相关的效果了，真所谓万变不离其宗。