学步园

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

http://blog.csdn.net/hero82748274/archive/2009/02/11/3878304.aspx

继续上次的话题，我们做一个鼠标按下去的事件响应

一，鼠标点击事件 

首先添加两个属性：

private var power:Number=0;

private var Maxpower:Number=100;

添加一个鼠标响应：

stage.addEventListener(MouseEvent.MOUSE_DOWN,MouseDown);

private function MouseDown(event:MouseEvent):void
{

   power++;

   trace(power);

}

这样我们的数据每当按一下就power的值就增加了，再按一下鼠标，power的值变为2. 继续下去，power的值就变成了n

但是我们要使power的数据在我们按下去的时候，让它能够产生数字自动增加，让其不断递增。

如下面的结果：

1

2

3

4

。。。

。。。。。

二、引入Event.ENTER_FRAME 事件在鼠标按下响应后

递增和递减的制作

问题：当鼠标按下去的时候，我们希望数据能够一直增加，当鼠标增加到一定值的时候他就会递减一个数据。假设我们设置一个变量为power 的number类型的，每一帧增加1 也就是power++，当power增加到一定值的时候，我们设置为if(power>n){} 响应递减函数。

private function adds():void<br /> {<br /> stage.addEventListener(Event.ENTER_FRAME,addnum);<br /> }

行为：

private function addnum(event:Event):void<br /> {<br /> power++;<br /> trace(power);<br /> if (power >= 10)<br /> {<br /> stage.removeEventListener(Event.ENTER_FRAME,addnum);<br /> degression2();<br /> }<br /> }

递减：

private function degression2():void<br /> {<br /> stage.addEventListener(Event.ENTER_FRAME,degression);<br /> }<br /> private function degression(event:Event):void<br /> {<br /> power--;<br /> trace(power);<br /> if (power == 0)<br /> {<br /> stage.removeEventListener(Event.ENTER_FRAME,degression);<br /> adds();<br /> }<br /> }

进入MouseEvent事件.当鼠标按下的时候，那么就出现了递增。

private function MouseDown(event:MouseEvent):void
{
   adds();
 }

输出结果：

1
2
3
4
5
6
7
8
9
10
11
10
9
8
7
6
5

代码清单：

package<br /> {<br /> import flash.display.MovieClip;<br /> import flash.events.*;<br /> import flash.text.TextField;<br /> import flash.ui.Mouse;<br /> public class Example extends MovieClip<br /> {<br /> private var dx:TextField;<br /> private var dy:TextField;<br /> private var photo:MousePhoto;<br /> private var power:Number=0;<br /> private var Maxpower:Number=100;<br /> //private var degression:Function;<br /> //private var addnum:Function;<br /> public function Example()<br /> {<br /> addEventListener(Event.ENTER_FRAME,Run);<br /> stage.addEventListener(MouseEvent.MOUSE_DOWN,MouseDown);<br /> stage.addEventListener(MouseEvent.MOUSE_UP,Mouseup);<br /> init();<br /> // mouse.hide():<br /> }<br /> private function init():void<br /> {<br /> dx=new TextField ;<br /> addChild(dx);<br /> dx.width=50;<br /> dx.height=20;<br /> dx.x=30;<br /> dx.y=30;<br /> dx.border=true;<br /> dy=new TextField ;<br /> addChild(dy);<br /> dy.width=50;<br /> dy.height=20;<br /> dy.x=30;<br /> dy.y=53;<br /> dy.border=true;<br /> Mouse.hide();//隐藏鼠标<br /> photo=new MousePhoto ;//创建代替鼠标的图<br /> addChild(photo);<br /> }<br /> private function Run(event:Event):void<br /> {<br /> dx.text=String(mouseX);<br /> dy.text=String(mouseY);<br /> photo.x=mouseX;<br /> photo.y=mouseY;<br /> }<br /> private function adds():void<br /> {<br /> stage.addEventListener(Event.ENTER_FRAME,addnum);<br /> }<br /> private function addnum(event:Event):void<br /> {<br /> power++;<br /> trace(power);<br /> if (power >= 10)<br /> {<br /> stage.removeEventListener(Event.ENTER_FRAME,addnum);<br /> degression2();<br /> }<br /> }<br /> private function degression2():void<br /> {<br /> stage.addEventListener(Event.ENTER_FRAME,degression);<br /> }<br /> private function degression(event:Event):void<br /> {<br /> power--;<br /> trace(power);<br /> if (power == 0)<br /> {<br /> stage.removeEventListener(Event.ENTER_FRAME,degression);<br /> adds();<br /> }<br /> }<br /> private function MouseDown(event:MouseEvent):void<br /> {<br /> adds();<br /> }<br /> private function Mouseup(event:MouseEvent):void<br /> {<br /> stage.removeEventListener(Event.ENTER_FRAME,degression);<br /> stage.removeEventListener(Event.ENTER_FRAME,addnum);<br /> }<br /> }<br /> }

三.递增递减改进--分段函数的应用

 我们希望一个变量能够在某一个条件下程序递增的形势，然后当这个条件达到某一个界限值的时候，会呈现递减的态势 。

  如图：

这样的图可以告诉我们一件事情，当某一个角度的时候，曲线是递增 ，当某一个角度的角度的时候，它就递减，

我们可以认为是两条曲线在不同的时间段里面产生运行 

接下来我们要改造上面繁琐的编程，我们只需要一个Event事件就可以

做一小测试 ：

package<br /> {<br /> import flash.display.MovieClip;<br /> import flash.events.*;<br /> public class Example2 extends MovieClip<br /> {<br /> private var power:int=0;<br /> private var angle:int=-45;<br /> public function Example2()<br /> {<br /> addEventListener(Event.ENTER_FRAME,Run);<br /> }<br /> private function Run(event:Event):void<br /> {<br /> if (power>=-1 )<br /> {//angle=-45;<br /> power+=Math.tan(angle*180/Math.PI);<br /> trace(power);<br /> if (power==10)<br /> {<br /> angle=-135;<br /> }<br /> if (power==0)<br /> {<br /> angle=-45;<br /> }<br /> }<br /> }<br /> }<br /> } 

到目前为止，我们已经初步建立一种递增递减的数据现象，这个只是我们的数据表现层而已。而数据层建立后，我们希望表现在UI上，按力感应就是我们其中的一个应用。

package<br /> {<br /> import flash.display.MovieClip;<br /> import flash.events.*;<br /> import flash.text.TextField;<br /> import flash.ui.Mouse;<br /> public class Example3 extends MovieClip<br /> {<br /> private var dx:TextField;<br /> private var dy:TextField;<br /> private var photo:MousePhoto;<br /> private var power:int=0;<br /> private var Maxpower:Number=100;<br /> private var angle:int=-45;<br /> public function Example3()<br /> {<br /> addEventListener(Event.ENTER_FRAME,Run);<br /> stage.addEventListener(MouseEvent.MOUSE_DOWN,MouseDown);<br /> stage.addEventListener(MouseEvent.MOUSE_UP,Mouseup);<br /> init();<br /> }<br /> private function init():void<br /> {<br /> dx=new TextField ;<br /> addChild(dx);<br /> dx.width=50;<br /> dx.height=20;<br /> dx.x=30;<br /> dx.y=30;<br /> dx.border=true;<br /> dy=new TextField ;<br /> addChild(dy);<br /> dy.width=50;<br /> dy.height=20;<br /> dy.x=30;<br /> dy.y=53;<br /> dy.border=true;<br /> Mouse.hide();//隐藏鼠标<br /> photo=new MousePhoto ;//创建代替鼠标的图<br /> addChild(photo);<br /> }<br /> private function Run(event:Event):void<br /> {<br /> dx.text=String(mouseX);<br /> dy.text=String(mouseY);<br /> photo.x=mouseX;<br /> photo.y=mouseY;<br /> }<br /> private function adds():void<br /> {<br /> stage.addEventListener(Event.ENTER_FRAME,addnum);<br /> }</p> <p> private function addnum(event:Event):void<br /> {<br /> if (power>=-1 )<br /> {//angle=-45;<br /> power+=Math.tan(angle*180/Math.PI);<br /> trace(power);<br /> if (power==10)<br /> {<br /> angle=-135;<br /> }<br /> if (power==0)<br /> {<br /> angle=-45;<br /> }<br /> }<br /> }</p> <p> private function MouseDown(event:MouseEvent):void<br /> {<br /> adds();<br /> }</p> <p> private function Mouseup(event:MouseEvent):void<br /> {<br /> stage.removeEventListener(Event.ENTER_FRAME,addnum);<br /> }</p> <p> }<br /> }  

下面会说一下递增和递减曲线的一些应用