ActionScript怎么做出赛车飘移效果

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{// 简单起见，我们定义角度是π/2private 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的圆周角//我们累计400var 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;}}}

效果如下：