曲線の描画(curveTo)1 : ActionScript

投稿日 : 2008年2月26日 | 更新日 : 2010年09月15日 前のページへ戻る

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

ActionScript2.0 | 固定リンク | Comments (0)

関連記事

• 座標 : ActionScript
• 曲線の描画2(curveTo) -媒介変数表示された曲線- : ActionScript
• 内接多角形の描画 : ActionScript
• ランダム運動2-2 : ActionScript
• イージング -内接多角形への適用- : ActionScript

このページの上へ移動

このページの上へ