// forked from Aquioux's graphics.drawPath の練習(3) // forked from Aquioux's graphics.drawPath の練習(2) // forked from Aquioux's graphics.drawPath の練習(1) package { import flash.display.Sprite; import flash.display.GraphicsPathCommand; import flash.events.MouseEvent; import flash.text.TextField; [SWF(width = "465", height = "465", frameRate = "60", backgroundColor = "#FFFFFF")] /** * graphics.drawPath の練習(5) * WIDE_LINE_TO と CURVE_TO の切り替え * http://aquioux.blog48.fc2.com/blog-entry-588.html 参照 * @author Yoshida, Akio */ public class Main extends Sprite { private var anchorContainer:Sprite; // アンカー用キャンバス private var lineContainer:Sprite; // ライン用キャンバス private var commandVector:Vector.<int>; // 線種格納 Vector private var lineToVector:Vector.<int>; // 線種格納 Vector private var curveToVector:Vector.<int>; // 線種格納 Vector private var anchorVector:Vector.<Number>; // アンカー座標格納 Vector private var currentAnchor:Anchor; // 現在ドラッグ中のアンカー private var sw:Boolean; private var button:Button; public function Main() { init(); // 初期化 lineDraw(); // ラインの描画 } // 初期化 private function init():void { // 説明文 var textField:TextField = new TextField(); textField.text = "円をドラッグしてください。\n左下ボタンで線種が切り替わります。"; textField.selectable = false; textField.width = stage.stageWidth; addChild(textField); // ライン用キャンバスの生成 lineContainer = new Sprite(); addChild(lineContainer); // アンカー用キャンバスの生成 anchorContainer = new Sprite(); addChild(anchorContainer); // アンカー座標の計算 var length:uint = 100; var marginX:Number = (465 - length) / 2; var marginY:Number = (465 - length * 4) / 2; anchorVector = new Vector.<Number>(); anchorVector.push(marginX, marginY); anchorVector.push(marginX + length, marginY); anchorVector.push(marginX + length, marginY + length); anchorVector.push(marginX, marginY + length); anchorVector.push(marginX, marginY + length * 2); anchorVector.push(marginX + length, marginY + length * 2); anchorVector.push(marginX + length, marginY + length * 3); anchorVector.push(marginX, marginY + length * 3); anchorVector.push(marginX, marginY + length * 4); //anchorVector.push(marginX + length, marginY + length * 4); // アンカーの生成 var numOfAnchor:uint = anchorVector.length / 2; for (var i:uint = 0; i < numOfAnchor; i++) { var color:uint = (i % 2) ? 0x0000FF : 0xFF0000; var anchor:Anchor = new Anchor(i, color); anchor.x = anchorVector[i * 2]; anchor.y = anchorVector[i * 2 + 1]; anchor.addEventListener(MouseEvent.MOUSE_DOWN, anchor_MouseDownHandler); anchor.addEventListener(MouseEvent.MOUSE_UP, anchor_MouseUpHandler); anchorContainer.addChild(anchor); } // 線種 commandVector = new Vector.<int>(); lineToVector = new Vector.<int>(); lineToVector[0] = GraphicsPathCommand.MOVE_TO; var numOfLine:uint = numOfAnchor / 2 + 1; for (i = 1; i < numOfLine; i++) { lineToVector[i] = GraphicsPathCommand.WIDE_LINE_TO; } curveToVector = new Vector.<int>(); curveToVector[0] = GraphicsPathCommand.MOVE_TO; for (i = 1; i < numOfLine; i++) { curveToVector[i] = GraphicsPathCommand.CURVE_TO; } // 線種切り替えボタン button = new Button(); button.y = stage.stageHeight - button.height; addChild(button); button.addEventListener(MouseEvent.CLICK, clickHandler); clickHandler(null); } private function clickHandler(event:MouseEvent):void { sw = !sw; var string:String; if (sw) { commandVector = lineToVector; string = "WIDE_LINE_TO"; } else { commandVector = curveToVector; string = "CURVE_TO"; } button.update(string); lineDraw(); } // アンカー対象のマウスイベントハンドラ（マウスダウン） private function anchor_MouseDownHandler(event:MouseEvent):void { currentAnchor = Anchor(event.target); currentAnchor.startDrag(); stage.addEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler); } // アンカー対象のマウスイベントハンドラ（マウスアップ） private function anchor_MouseUpHandler(event:MouseEvent):void { currentAnchor.stopDrag(); stage.removeEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler); } // ステージ対象のマウスイベントハンドラ（マウスムーブ） private function mouseMoveHandler(e:MouseEvent):void { var idx:uint = currentAnchor.idx; anchorVector[idx * 2] = currentAnchor.x; anchorVector[idx * 2 + 1] = currentAnchor.y; lineDraw(); // ラインの描画 } // ラインの描画 private function lineDraw():void { lineContainer.graphics.clear(); lineContainer.graphics.lineStyle(0, 0x000000); lineContainer.graphics.drawPath(commandVector, anchorVector); lineContainer.graphics.endFill(); } } } import flash.display.Sprite; class Anchor extends Sprite { private var _idx:uint; public function Anchor(idx:uint, color:uint = 0xFF0000) { _idx = idx; graphics.beginFill(color, 0.5); graphics.drawCircle(0, 0, 10); graphics.endFill(); buttonMode = true; } public function get idx():uint { return _idx; } } import flash.events.MouseEvent; import flash.text.TextField; import flash.text.TextFieldAutoSize; class Button extends Sprite { private var textField:TextField; private const w:uint = 100; private const h:uint = 30; public function Button() { graphics.beginFill(0xFFCC00, 0.5); graphics.drawRect(0, 0, w, h); graphics.endFill(); buttonMode = true; mouseChildren = false; textField = new TextField(); textField.autoSize = TextFieldAutoSize.LEFT; addChild(textField); } public function update(string:String):void { textField.text = string; textField.x = (w - textField.width) / 2; textField.y = (h - textField.height) / 2; } } graphics.drawPath の練習(5)
