曲線の描画(curveTo)1 : ActionScript

Tweet

Pocket

ActionScriptで曲線を描画する際の覚書。

ActionScript(2.0)では曲線はcurveToメソッドで描画する。
curveTo (MovieClip.curveTo メソッド)は3つの制御点(始点,コントロールポイント,終点)による2次ベジェ曲線
。

曲線の頂点はコントロールポイントの半分の高さ。

function CurveClip(target) {
	var target = target; // ムービークリップ
	this.drawCurve = function(start,controll,anchor) {
		target.clear();
		target.lineStyle(1, 0x00, 100);
		//
		var startX = start['x'];
		var startY = start['y'];
		var controllX = contrall['x'];
		var controllY = contrall['y'];
		var anchorX =  anchor['x'];
		var anchorY =  anchor['y'];

		target.moveTo(startX, startY);
		target.curveTo(controllX, controllY, anchorX, anchorY);
	}
}

var clip = new CurveClip(_root);
var start = { x:0,y:0};
var contrall = { x:150,y:150 }
var anchor = { x:300,y:0}
clip.drawCurve(start,contrall,anchor);