Flash AS3基礎(chǔ)教程：如何用Flash AS3偵測鼠標(biāo)的當(dāng)前方位

發(fā)布時(shí)間：2014-07-10 14:22:08 作者：佚名

這個(gè)教程中我們將學(xué)習(xí)如何用Flash AS3偵測鼠標(biāo)的當(dāng)前方位。我們可以用此為游戲創(chuàng)建有趣的控制方法，例如可把鼠標(biāo)當(dāng)作一個(gè)游戲控制桿。教程介紹的很詳細(xì)，也很實(shí)用，轉(zhuǎn)發(fā)過來，希望對(duì)大家有所幫助

在這個(gè)教程中我這個(gè)教程中我們將學(xué)習(xí)如何用Flash AS3偵測鼠標(biāo)的當(dāng)前方位。我們可以用此為游戲創(chuàng)建有趣的控制方法，例如可把鼠標(biāo)當(dāng)作一個(gè)游戲控制桿。教程介紹的很詳細(xì)，也很實(shí)用，轉(zhuǎn)發(fā)過來，希望對(duì)大家有所幫助?，F(xiàn)在我們先展示一下我們的作品。

下面是一個(gè)簡單的示例：

簡單概述

使用鼠標(biāo)事件來監(jiān)聽鼠標(biāo)光標(biāo)的運(yùn)動(dòng)，用變量存貯相應(yīng)數(shù)據(jù)并展示其當(dāng)前方位。

第一步：創(chuàng)建一個(gè)新文檔

打開Flash并創(chuàng)建一個(gè)新的Flash文檔（ActionScript 3）。

Flash AS3教程：用ActionScript偵測鼠標(biāo)的位置,PS教程,思緣教程網(wǎng)

第二步：打開動(dòng)作面板

按F9或執(zhí)行窗口>動(dòng)作打開動(dòng)作面板。

Flash AS3教程：用ActionScript偵測鼠標(biāo)的位置,PS教程,思緣教程網(wǎng)

第三步：變量

鍵入一些我們將使用的變量，變量名應(yīng)能一目了然。

復(fù)制代碼

代碼如下:

var previousX:Number =0;
var previousY:Number = 0;
var currentX:Number = 0;
var currentY:Number = 0;
var xDir:String;
var yDir:String;
var dir:TextField = new TextField();

第四步：主函數(shù)

下面是主函數(shù)

復(fù)制代碼

代碼如下:

function getMouseDirection():void
{
dir.width = stage.stageWidth; //文本區(qū)域的大小
addChild(dir); //在舞臺(tái)上添加文本區(qū)域
//在舞臺(tái)上添加一個(gè)鼠標(biāo)事件監(jiān)聽器，并當(dāng)鼠標(biāo)運(yùn)動(dòng)時(shí)執(zhí)行checkDirection 函數(shù)
stage.addEventListener(MouseEvent.MOUSE_MOVE, checkDirection);
}

第五步： Check Direction函數(shù)

下面的代碼將檢測鼠標(biāo)方位，并將結(jié)果展示在舞臺(tái)文本域上。

復(fù)制代碼

代碼如下:

function
checkDirection(e:MouseEvent):void
{
getHorizontalDirection();
getVerticalDirection();
dir.text = ”x: ” + xDir + ”, y: ” + yDir;
}

第六步：獲取方位

檢測鼠標(biāo)的方向.

復(fù)制代碼

代碼如下:

//水平方向
function getHorizontalDirection():void
{
previousX = currentX; //檢測剛剛的地址
currentX = stage.mouseX; //獲取當(dāng)前的地址
if (previousX > currentX) //將兩個(gè)地址進(jìn)行比較來確定方向
{
xDir = “left”;
}
else if (previousX < currentX)
{
xDir = “right”;
}
else
{ xDir = “none”;
}
}
//垂直方向 function getVerticalDirection():void
{
previousY = currentY; //檢測剛剛的地址
currentY = stage.mouseY; //獲取當(dāng)前的地址
if (previousY > currentY) //將兩個(gè)地址進(jìn)行比較來確定方向
{
yDir = “up”;
}
else if (previousY < currentY)
{
yDir = “down”;
}
else
{ yDir = “none”;
}
}

第七步：運(yùn)行函數(shù)

添加下面的代碼來運(yùn)行函數(shù)。當(dāng) getMouseDirection() 開始函數(shù)運(yùn)行，就會(huì)建立一個(gè)可以啟動(dòng)方向指示器的鼠標(biāo)運(yùn)動(dòng)事件監(jiān)聽器

復(fù)制代碼

代碼如下:

getMouseDirection();

第八步：文檔類版本

復(fù)制代碼

代碼如下:

package
{
import flash.display.MovieClip;
import flash.text.TextField; public class MouseMoveDemo extends MovieClip
{
public var previousX:Number = 0;
public var previousY:Number = 0;
public var currentX:Number = 0;
public var currentY:Number = 0;
public var xDir:String;
public var yDir:String;
public var dir:TextField = new TextField();
public function MouseMoveDemo()
{
getMouseDirection();
} public function getMouseDirection():void {
dir.width = stage.stageWidth;
addChild(dir);
stage.addEventListener(MouseEvent.MOUSE_MOVE, checkDirection);
}
public function
checkDirection(e:MouseEvent):void
{
getHorizontalDirection();
getVerticalDirection();
dir1.text = “x: ” + xDir
dir2.text = “y: ” + yDir;
}
public function getHorizontalDirection():void
{
previousX = currentX;
currentX = stage.mouseX;<
if (previousX > currentX)
{
xDir = “left”;
}
else if (previousX < currentX)
{
xDir = “right”;
}
else
{
xDir = “none”;
}
}
public function getVerticalDirection():void
{
previousY = currentY;
currentY = stage.mouseY;
if (previousY > currentY)
{
yDir = “up”;
}
else if (previousY < currentY)
{
yDir = “down”;
}
else
{
yDir = “none”;
}
}
}
}

如果較之時(shí)間時(shí)間軸代碼而更喜歡用文檔類的話就選擇上述的方法

你可以將這個(gè)類用在任何項(xiàng)目中以插入鼠標(biāo)方向指示器。只需將整個(gè)類復(fù)制到新的AS文檔中，將其保為”MouseMoveDemo.as”,，然后你可以用下面的使用下面的部分代碼以作參考：

復(fù)制代碼

代碼如下:

var mouseMoveDemo:MouseMoveDemo= new MouseMoveDemo();
addChild( mouseMoveDemo );

總結(jié)

教程結(jié)束，以上就是用Flash AS3偵測鼠標(biāo)的當(dāng)前方位過程，教程比較基礎(chǔ)，新手朋友可以試著做做吧，并將它應(yīng)用到你的項(xiàng)目中。