ActionScript怎么做出赛车飘移效果

最新推荐文章于 2024-05-13 08:00:00 发布

原创最新推荐文章于 2024-05-13 08:00:00 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#已知两点求弧度 #飘移效果 #赛车游戏

本文介绍如何使用ActionScript 3.0实现赛车游戏中的飘移效果。通过计算两点间的圆弧路径，模拟车辆过弯时的飘移动画。文章提供了具体公式及代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;
			
		}
		
	}
}

效果如下：