ActionScript 3.0怎么做出赛车飘移效果
今天又有小伙伴问我,这个赛车游戏太单调了,过弯的时候都是直冲过去的,非常死板,难看死了。能不能做成飘移效果呢,我当时也是在想怎么实现呢,在游戏中,一般只知道两点的坐标,要做出飘移效果必须知道2个条件,第一就是起始地点、第二飘移终点,具备两个条件后就可以计算出飘移的所构成的圆弧,计算的结果就是飘移要经过的路径。假设飘移的地点是如图所示
图1
从A点处开始飘移,到达B点结束,那么弧AB就是移动的路径。假设A和B的坐标是知道的,假设为A(X1,y1),B(x2,y2),BD垂直于OA线段,那怎么通过AB两点和已知的条件得到路径AB线段中的任意一点的坐标,在计算之前,你看我再图中标注了R,就是圆弧的半径,这个是可以任意取值的,根据实际情况自己定,好了根据圆周规律,我们得到BD =R*sinβ,OD = R* cosβ,所以B的坐标就是B(R*sinβ,R*cosβ)。得到B的坐标函数之后,就距离成功不远了。β = asin(BD/R),这个asin可以使用内置函数实现。因为β是从0增长到β的,所以我们只要定个累加器从0开始计时,累计加到β时就停止,这些点连起来就是圆弧AB。好我们通过程序来实现这个功能。
package
{
import flash.display.DisplayObject;
import flash.display.Loader;
import flash.display.Sprite;
import flash.net.URLRequest;
public class Angles extends Sprite
{
// 简单起见,我们定义角度是π/2
private var angle:Number = Math.PI/2;
//我们定义半径
private var R:Number = 430;
// 定义B的坐标
private var xB:Number = 300;
private var yB:Number = 400;
// 定义A的坐标
private var xA:Number = -300;
private var yA:Number = -400;
//定义β
private var bta:Number ;
// 定义圆弧上的任意坐标
private var xTemp:Number;
private var yTemp:Number;
private var loader:Loader;
private var urlRequest:URLRequest;
public function Angles()
{
count();
}
public function count():void
{
// β = asin(BD/R),BD = B y的坐标
var BD:Number = yB;
bta = Math.asin(yB/R);
// 因为bta是 从0 开始累加到 β的,注意我们通过计算得到的圆周角只是一半,必须乘以2才是Ab的圆周角
// 我们累计400
var everyBta:Number = 2*bta/400;
// BD =R*sinβ,OD = R* cosβ
for(var i:int=0;i<400;i++)
{
xTemp = R *Math.sin(everyBta);
yTemp = R *Math.cos(everyBta);
var img:DisplayObject = this.addIMG();
img.x = xTemp;
img.y = yTemp;
everyBta += everyBta;
this.addChild(img);
}
}
// 加载一张图片
public function addIMG():DisplayObject
{
//创建一个Loader实例
loader = new Loader();
//创建一个URLRequest实例来指定图片源
urlRequest = new URLRequest("img.png");
//从Loader实例中的图片源载入位图数据
loader.load(urlRequest);
//将Loader实例添加到显示列表中
return loader;
}
}
}
效果如下: