Flash 游戏设计笔记：鼠标类游戏（1）

最近很想写一些Flash游戏的文章，但是毕竟技术有限，所以只能是一些皮毛的东西。好，接下来走进我们今天的话题，如果使用鼠标来创建一些简单的flash游戏程序。

基础知识：

数学三角法：Math.atan2，sin 和cos 等

鼠标的交互事件，包括按下，移动 点击等等

Event类一些事件。

一，简单鼠标事件

首先先看一些下面简单的鼠标事件

package
{
import flash.display.MovieClip;
import flash.events.*;

public class Example extends MovieClip
{
public function Example()
{
stage.addEventListener(MouseEvent.MOUSE_DOWN,onDown);
}
private function onDown(event:MouseEvent):void
{
trace("你点了我");
}
}
}

当我们按下去的时候，我们惊喜会发现，鼠标按下去的时候，输出面板里面输出了我们跟踪的信息

你点了我

有了这个认识后，我们可以实现一些与鼠标一起交互小程序。

二，鼠标mouseX和mouseY属性

这两个属性：mouseX和mouseY分别代表鼠标的x坐标 和Y坐标，知道了这个后，我们来弄一个鼠标的坐标捕捉。

首先：我们在场景里面加入两个TextFiled的动态文本，用于显示坐标。

声明两个TextFied对象；

private var dx:TextField;
private var dy:TextField;

然后实例化对象

dx=new TextField();

dy=new TextField();

并指定它的坐标，以及显示方式 是否有边框

private function init():void
{
dx=new TextField();
addChild(dx);
dx.width=50;
dx.height=20;
dx.x=30;
dx.y=30;
dx.border=true;

dy=new TextField();
addChild(dy);
dy.width=50;
dy.height=20;
dy.x=30;
dy.y=53;
dy.border=true;

}

目前为止，初始化的工作相当简单。

接下来，我们在场景添加一个Event类事件用于每一帧产生捕捉鼠标

addEventListener(Event.ENTER_FRAME,Run);

private function Run(event:Event):void
{
dx.text=String(mouseX);
dy.text=String(mouseY);
}

这样一个简单的效果出来了

输出结果：



代码：

package
{
import flash.display.MovieClip;
import flash.events.*;
import flash.text.TextField;

public class Example extends MovieClip
{
private var dx:TextField;
private var dy:TextField;
public function Example()
{
addEventListener(Event.ENTER_FRAME,Run);
init();
}

private function init():void
{
dx=new TextField();
addChild(dx);
dx.width=50;
dx.height=20;
dx.x=30;
dx.y=30;
dx.border=true;

dy=new TextField();
addChild(dy);
dy.width=50;
dy.height=20;
dy.x=30;
dy.y=53;
dy.border=true;

}

private function Run(event:Event):void
{
dx.text=String(mouseX);
dy.text=String(mouseY);
}
}
}

二，鼠标的隐藏属性

查看flash.ui.Mouse 包里面 可以发现adobe 为我们提供了关于鼠标一些操作

hide():void 和show():void 由于这两个函数都是静态方法，所以引用的时候需要使用

引用方式

Mouse.hide();

Mouse.show();

这里我们要说的是隐藏的属性，这个属性反而有趣一些，传统的鼠标指针图案是一个箭头，如果看腻了，需要弄一点新鲜玩意，这样我们可以使用到这个函数。我们要准备那些工作呢？请大家想想，想好了。我们可以开始我们的工作。叫张三或者李四找一张图片来。把我们的鼠标指针进行替换。

看下面的图：在网上找了一张指针的图片，将它变成Mc元件，并导出为MousePhoto类。



实现代码：

package
{
import flash.display.MovieClip;
import flash.events.*;
import flash.text.TextField;
import flash.ui.Mouse;
public class Example extends MovieClip
{
private var dx:TextField;
private var dy:TextField;
private var photo:MousePhoto;
public function Example()
{
addEventListener(Event.ENTER_FRAME,Run);
init();
// mouse.hide():
}
private function init():void
{
dx=new TextField();
addChild(dx);
dx.width=50;
dx.height=20;
dx.x=30;
dx.y=30;
dx.border=true;

dy=new TextField();
addChild(dy);
dy.width=50;
dy.height=20;
dy.x=30;
dy.y=53;
dy.border=true;
Mouse.hide();//隐藏鼠标
photo=new MousePhoto();//创建代替鼠标的图
addChild(photo);
}
private function Run(event:Event):void
{
dx.text=String(mouseX);
dy.text=String(mouseY);

photo.x=mouseX;
photo.y=mouseY;

}
}
}

效果图：



到目前为止，我们只是看到Flash技术背后的冰山一角，后面还是需要我们去发展下去。

累了，几天后在补充