Flash游戏制作:敌人穷追不舍(鼠标感应)的追逐动画教程

所属分类: 媒体动画 / Flash教程 阅读数: 60
收藏 0 赞 0 分享

这篇教程主要是向脚本之家的朋友介绍利用Flash制作敌人穷追不舍的追逐动画游戏方法,教程不是很难,只是将sin,cos函数的应用罢了。。。。会应用的话。。。会发现很都游戏的制作都离不开三角函数。。。。如果实在不知道三角函数是什么。。。。自己上网查去。。。

下面我们先来看看效果图吧:
 


还有的就是在一定的范围内追逐目标。。。。
其实是计算出两点距离d后加一点判断。。。然后再执行移动。。。详细参考源文件。。。

效果:




。。。讲玩。。。。打机去^_^

 图1

Rt△ABC,∠C=90度。。。∠A所对的边叫a..∠B的对边叫b...这不用再由初中知识说起吧- -~
sin∠1=a:c=a/c(对边比斜边)
cos∠1=b:c=b/c(邻边比斜边)
至于asin就是求sin的反值。。。sin是求边的比。。。那么asin就是用比来反求角的值
即asin(a:c)=∠1..
acos就是反求cos的值。。。详细不想说。。。
还有要用到的是钩股定理。。。
既a*a+b*b=c*c
如下图:

 

 图2

d就可以通过(m.x-m.y)的平方加上(m.y-s.y)的平方的和再开方来求出
然后用asin(abs(m.y-s.y):d)求出∠1...既s1的值...
继续往下看:

 图3

s1已知....(感觉在做数学题- -~)
i就是在1单位时间内移动的距离。。。。因为sin∠1=a:c
假设ss=sin(s1)
所以sin(s1)=a:c=a:i=ss,a=ss*i。
假设cos(s1)=b:c=b:1=cc,c=cc*i。

还有要注意的一个问题。。。。就是要计算出移动后的点的坐标。。。。
。。参照图2
(s.x,s.y)
要去追(m.x,m.y)那个红点。。。再参照图3,当红点在蓝点的右上方时————即(m.x>=s.x && m.y>=s.y)
蓝点移动到的点的坐标就是。。。。(s.x+cc*i,s.y+ss*i)
在右下方(m.x>=s.x && m.y<=s.y)
移动后的点(s.x+cc*i,s.y-ss*i)
在左下方时(m.x<=s.x,m.y<=s.y)
移动后的点(s.x-cc*i,s.y-ss*i)
在左上方时(m.x<=s.x && m.y>=s.y)
移动后点坐标(s.x-cc*i,s.y+ss*i)

源程序:

复制代码
代码如下:
stage.addEventListener(MouseEvent.MOUSE_MOVE,moves);
var i:int=int(q.text);
var mou:Sprite=new Sprite();//用来得到鼠标的坐标
var s1:Number=0;//角
var d:Number=0;//两点的距离
addChild(mou);
function moves(e:MouseEvent){
m.x=mou.mouseX;
m.y=mou.mouseY;
}
stage.addEventListener(Event.ENTER_FRAME,mm);
function mm(e:Event){
d=Math.sqrt(pf(abs(s.x-m.x))+pf(abs(s.y-m.y)));
s1=Math.asin(abs(s.y-m.y)/d);
if(d>=i){
if(m.x>=s.x && m.y>=s.y){
s.y+=Math.sin(s1)*i;
s.x+=Math.cos(s1)*i;
}else if(m.x<=s.x && m.y<=s.y){
s.y-=Math.sin(s1)*i;
s.x-=Math.cos(s1)*i;
}else if(m.x<=s.x && m.y>=s.y){
s.x-=Math.cos(s1)*i;
s.y+=Math.sin(s1)*i;
}else if(m.x>=s.x && m.y<=s.y){
s.x+=Math.cos(s1)*i;
s.y-=Math.sin(s1)*i;
}
}else{
s.x=m.x;
s.y=m.y;
}
}
function abs(n:Number){
return(Math.abs(n));
}//计算绝对值
function pf(n:Number){
return n*n;
}//计算平方
//以下是设定速度的按钮
b1.addEventListener(MouseEvent.CLICK,se);
function se(e:Event){
i=int(q.text);
}
详尽可以看源文件。。。。。请用Flash CS4打开。。。。

效果:


还有的就是在一定的范围内追逐目标。。。。
其实是计算出两点距离d后加一点判断。。。然后再执行移动。。。详细参考源文件。。。

效果:




教程结束,以上就是flash敌人穷追不舍(鼠标感应)的追逐动画教程,希望能对大家有所帮助!

更多精彩内容其他人还在看

Flash cs3绘制人物高级行走动画教程

本教程向大家介绍Flash cs3绘制人物高级行走动画效果,教程难度不是很大,绘制方法及过程介绍的也非常详细,教程很实用,转发过来,希望大家喜欢
收藏 0 赞 0 分享

Flash CS4来制作漂亮的气泡动画教程

本教程向脚本之家的朋友介绍用Flash CS4来制作漂亮的气泡动画,制作出来气泡真的很好看,制作效果是采用代码形式实现,觉得很不错,转发过来,感兴趣的朋友可以一起来学习
收藏 0 赞 0 分享

flash基础教程:帧、关键帧、空白帧概念及区别介绍

动画的产生是帧来实现的,那什么是帧?帧、关键帧和空白帧之间又有什么区别?本文就为大家介绍一下三者之间的关系
收藏 0 赞 0 分享

Flash教程:动画背景的绘制方法之透视篇(给新手)

Flash动画在网络上的广泛传播,已经成为上网一族喜闻乐见的一种艺术形式。动画背景的绘制方法有很多,也有很多表现方法。这里将结合透视学的基础知识向大家简单的介绍一下动画背景的绘制。
收藏 0 赞 0 分享

Flash AS入门教程:Flash AS3.0制作有年份有日期的时钟

本教程是向大家介绍利用Flash AS3.0制作有年份有日期的时钟,虽然制作时钟老套了点,但它确可以较全面地应用到时间日期和间隔等知识,仍不失为较好的入门练习,转发给大家,希望对大家有所帮助
收藏 0 赞 0 分享

Flash相册制作大师具体该如何使用 Flash相册制作大师使用教程

在本文中我们将会看到的是Flash相册制作大师的具体使用的方法
收藏 0 赞 0 分享

flash基础教程:混色器面板图文介绍

混色器面板是Flash中用于色彩处理的一个重要面板,熟练地使用该面板,可以帮助用户快速地完成色彩的填充,编辑出色彩丰富的图形。本教程为大家详细介绍一下混色器面板,希望对大家有所帮助
收藏 0 赞 0 分享

25个绝对让你应接不暇的Flash网站创意

在Web设计过程中,运用成熟的Flash技术可以把你任意想到的idea表现到产品页面中。这里为你整理发现了25个绝对让你应接不暇的 Flash网站创意,更好地体现网站的互动应用,同时可以让你大饱眼福,一起来欣赏吧
收藏 0 赞 0 分享

教你用Flash制作非常酷的二进制时钟动画

今天在这个教程中我们将学习用Flash做一个不同寻常的,但非常酷的时钟:一个二进制时钟,中间用到了代码,但介绍地很详细,相信很值得大家学习
收藏 0 赞 0 分享

Flash动画特效制作技巧:制作超酷的文字炸开动画效果

本教程向大家介绍Flash动画特效制作技巧,本实例是制作文字炸开的动画效果,制作效果非常酷,制作过程也比较简单,喜欢的朋友可以过来学习一下这种制作方法
收藏 0 赞 0 分享
查看更多