快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Flash游戏开发系列一:游戏中的敌人(5)

  第四篇:Flash游戏开发系列一:游戏中的敌人

  五、跟踪导弹

  看看这个例子,在动画屏幕上按下鼠标,导弹就会跟踪玩家,直到击中玩家:

« Full Screen »

  对于新手来说,一下子就实现它可能不太轻易,我们来一点一点的做。

  (1)导弹的方向

  我们先来实现导弹朝向玩家的功能,就像下面这个:(按下鼠标观看)

« Full Screen »

  首先,我们注重到,敌人的导弹是要朝向玩家的,这和前面不同。前面的敌人是一个圆头圆脑的家伙,不用分辨它的方向。我们就先来看一下如何让敌人有方向感。

  首先给新手讲解一下基本知识:用鼠标来触发动画。

  我们先设定一个变量,布尔类型的 clickable。在初始化的时候,我们将其设置为真,即 true。

var clickable:Boolean;
init = function () {
enemy._x = 40;
enemy._y = 350;
enemy._rotation = 0;
clickable = true;
};

  而当鼠标按下的时候,我们来判定 clickable 是否为真,假如为真就可以执行新的语句,并且将 clickable 设置为假,即 false。这样,假如鼠标按下一次以后,再按就不起作用了。

onMouseDown = function () {
if (clickable) {
setInterval(run, 10);
clickable = false;
}
};

  这样我们就可以进入我们的主要内容了:改变导弹的角度。

  敌人到玩家之间一般情况下是会有一个夹角的。Flash 给我们提供了 Math.atan2(y,x) 来求得上图中所表示的 angle! 。所以我们很轻易的就能够得到这个值 Math.atan2(dy, dx)*180/Math.PI,因为取到的是弧度,所以后面加了 *180/Math.PI 来转变成角度。

  得到 angle! 以后,我们会发现,我们的导弹在 enemy._rotation = 0 的时候,已经处在上图 90 度的位置上,在 enemy._rotation = 90 的时候,已经处在上图 -180(也是0) 度的位置上,在 enemy._rotation = 180 的时候,已经处在上图 -90 度的位置上。所以我们要做一下处理,给它减去 270 度,为了让这个角度很好的保持在 0 到 360 度之间,我们再给它加上 720 度然后针对 360 度取模,最后就变成这个样子:

(Math.atan2(dy, dx)*180/Math.PI+450)%360

  这样,我们计算之后得到的角度就可以直接应用到我们的 enemy 上面了。

  出于习惯,我把计算角度这部分做了一个函数,所以在主运行函数 run 里面,程序看起来很简朴。

  剩下的不用多解释了,下面是完整的第一帧源代码:

var clickable:Boolean;
//
init = function () {
enemy._x = 40;
enemy._y = 350;
enemy._rotation = 0;
clickable = true;
};
onMouseMove = function () {
player._x = _xmouse-10;
player._y = _ymouse-10;
updateAfterEvent();
};
onMouseDown = function () {
if (clickable) {
setInterval(run, 10);
clickable = false;
}
};
getAngle = function ():Number {
var dx:Number = player._x-enemy._x;
var dy:Number = player._y-enemy._y;
return ((Math.atan2(dy, dx)*180/Math.PI+450)%360);
};
run = function () {
var angle:Number = getAngle();
enemy._rotation = angle;
};
// Run Program
init();

  这次的源代码请在这里下载






返回类别: Flash教程
上一教程: 用Flash制作动感效果的网页链接提示框
下一教程: Flash中给人物着色的全过程

您可以阅读与"Flash游戏开发系列一:游戏中的敌人(5)"相关的教程:
· Flash游戏开发系列一:游戏中的敌人(3)
· Flash游戏开发系列一:游戏中的敌人(6)
· Flash游戏开发系列一:游戏中的敌人(4)
· Flash游戏开发系列一:游戏中的敌人(2)
· Flash游戏开发系列一:游戏中的敌人(7)
    微笑服务 优质保证 索取样品