第四節(jié)：磁鐵鼠標(biāo)

　　該實(shí)例實(shí)現(xiàn)的是，一鼠標(biāo)如同磁鐵一樣吸附周?chē)氖挛?，最終效果如圖4.1所示，要實(shí)現(xiàn)這一效果，具體步驟如下：



圖4.1　磁鐵鼠標(biāo)

　　1.新建一影片，通過(guò)屬性面板設(shè)置其大小為550pxX400px(單位為象素)，背景色為＃CCCCCC。

　　2.新建一按鈕元件“reset”,其制作方法這里不再贅述，按鈕如圖4.2所示：



圖4.2　制作按鈕

　　3.新建一影片剪輯“mental”,這就是影片中的小鐵削，其時(shí)間軸窗口中只有一幀，在工作區(qū)中繪制小鐵削如圖4.3所示：



圖4.3　繪制小鐵削

　　4.新建一影片剪輯“magnet”,也就是影片中的矩形磁鐵，其制作非常簡(jiǎn)單，只需要在工作區(qū)中繪制如圖4.4所示的矩形圖案即可，當(dāng)然讀者可以進(jìn)行個(gè)性化設(shè)置磁鐵樣式和顏色。



圖4.4　制作磁鐵

　　5.返回主場(chǎng)景，將默認(rèn)圖層更名為“iron filing”，從庫(kù)在將影片剪輯“mental”拖放到工作區(qū)中創(chuàng)建實(shí)例“m”，并為該實(shí)例添加如下腳本：

onClipEvent (load) {
n = substring(_name, 2, 1);
mindis = 200;
k = .002;
decay = .97;
}
onClipEvent (enterFrame) {
mouse_x = int(_root._xmouse-this._x);
mouse_y = int(_root._ymouse-this._y);
if (mouse_x>0 && mouse_y>0) {
quad = Number(4);
}
if (mouse_x<0 && mouse_y>0) {
quad = Number(1);
}
if (mouse_x<0 && mouse_y<0) {
quad = Number(2);
}
if (mouse_x>0 && mouse_y<0) {
quad = Number(3);
}
abs_x = Math.abs(mouse_x);
abs_y = Math.abs(mouse_y);
tg = abs_y/abs_x;
_root.leo = Math.atan(tg)*Number(180)/Math.PI;
if (quad == 1) {
angle = Number(90)-Number(_root.leo);
}
if (quad == 2) {
angle = Number(90)+Number(_root.leo);
}
if (quad == 3) {
angle = Number(270)-Number(_root.leo);
}
if (quad == 4) {
angle = Number(270)+Number(_root.leo);
}
setProperty (_this, _rotation, angle);
x = this._x;
y = this._y;
mx = _root._xmouse;
my = _root._ymouse;
disx = math.abs(x-mx);
disy = math.abs(y-my);
if (math.sqrt(disx*disx+disy*disy)<=mindis and stick eq "") {
if (this.hitTest(_root.magnet)) {
stick = "yes";
xspace = x-mx;
yspace = y-my;
}
xmov = k*(mx-x)+decay*xmov;
ymov = k*(my-y)+decay*ymov;
setProperty (this, _x, xmov+x);
setProperty (this, _y, ymov+y);
}
}
onClipEvent (mouseMove) {
if (stick eq "yes") {
setProperty (this, _x, _root._xmouse+xspace);
setProperty (this, _y, _root._ymouse+yspace);
}
}

onClipEvent (enterFrame) {

}
　　6.新建圖層“magnet”，將影片剪輯“magnet”拖放到工作區(qū)中創(chuàng)建實(shí)例，其實(shí)例命為“magnet”，并為其添加如下腳本：
onClipEvent (load) {
startDrag(this, true);
}

　　7.新建一圖層“spreadbutton”，將按鈕元件“reset”拖放到工作區(qū)的適當(dāng)位置，并為按鍵添加如下腳本：

on (press) {
_root.m.stick = "";
setProperty(_root.m, _x, Random(550));
setProperty(_root.m, _y, Random(400));
for (i=1; i<=25; ++i) {
_root["m"+i].stick = "";
setProperty(_root["m"+i], _x, Random(550));
setProperty(_root["m"+i], _y, Random(400));
}
}

　　8.新建一圖層“actions”，該圖層主要用來(lái)存放腳本以控制影片的動(dòng)作，其腳本如下所示：

num = 25;
n = 1;
while (n<=num) {
duplicateMovieClip("m", "m" add n, n);
setProperty("m" add n, _x, Random(550));
setProperty("m" add n, _y, Random(400));
n = n+1;
}
　　9. 這樣整個(gè)鼠標(biāo)中鍵模擬效果就制作完成，保存作品，按“ctrl Enter”預(yù)覽最終效果。