AS 绘制多条平滑曲线(基于二次贝塞尔曲线)

关注

最新推荐文章于 2025-09-12 09:27:25 发布 317 阅读 AI 写同款· GEO 优化 ›

[color=red]绘制策略：[/color]在每两对点之间，加入一个新点(中间点)放在这两点的正中间。然后使用这些[color=green]中间点作为起点和终点[/color]，而把最初的那[color=green]些点(原始点)作为控制点[/color]。


package
{
	import flash.display.Sprite;
	import flash.events.MouseEvent;

	public class MultiCurves3 extends Sprite
	{
		private var numPoints:uint = 9;
		public function MultiCurves3()
		{
			init();
		}

		private function init():void
		{
			var points:Array = new Array();
			for (var i:int = 0; i < numPoints; i++)
			{
				points[i] = new Object();
				points[i].x = Math.random() * stage.stageHeight;
				points[i].y = Math.random() * stage.stageHeight;
			}

			// find the first midpoint and move to it
			var xc1:Number = (points[0].x + points[numPoints - 1].x) / 2;
			var yc1:Number = (points[0].y + points[numPoints - 1].y) / 2;
			graphics.lineStyle(1);
			graphics.moveTo(xc1, yc1);

			// curve through the rest, stopping at midpoints
			for (i = 0; i < numPoints - 1; i ++)
			{
				var xc:Number = (points[i].x + points[i + 1].x) / 2;
				var yc:Number = (points[i].y + points[i + 1].y) / 2;
				graphics.curveTo(points[i].x, points[i].y, xc, yc);
			}

			// curve through the last point, back to the first midpoint
			graphics.curveTo(points[i].x, points[i].y, xc1, yc1);
		}
	}
}