Forked from:: yonatan's forked from: Draw curve with hint

forked from: forked from: Draw curve with hint

点と点を曲線で繋ぐ（こんなふうに描きました）
Please drag red Circle and confirm the change.

forked:0
favorite:0
lines:134
license : All rights reserved
modified : 2011-01-18 14:29:59

Embed: Tweet

// forked from yonatan's forked from: Draw curve with hint
// forked from Kay's Draw curve with hint
// forked from Kay's Draw curve
/*
 * 点と点を曲線で繋ぐ（こんなふうに描きました）
 * Please drag red Circle and confirm the change.
 */
package {
    import flash.display.Sprite;
    import flash.display.Shape;
    import flash.geom.Point;
    [SWF(width=465, height=465, backgroundColor=0x000000, frameRate=30)]
    public class Take03 extends Sprite {
        private const PNUM:uint = 3;
        private const ANGLE:Number = 360/PNUM;
        private const RADIUS:uint = 150;
        private const SW:uint = stage.stageWidth;
        private const SH:uint = stage.stageHeight;
        private var points:Vector.<Sprite> = new Vector.<Sprite>();
        private var controlStage:Sprite;
        private var hintLineStage:Shape;
        private var hintPointStage:Shape;
        private var drawStage:Shape;
        public function Take03():void {
            controlStage = new Sprite();
            for (var i:uint = 0; i < PNUM; i++) {
                var cp:ControlPoint = new ControlPoint();
                var myP:Point = Point.polar(RADIUS,ANGLE*i/180*Math.PI);
                myP.offset(SW/2,SH/2);
                cp.x = myP.x;
                cp.y = myP.y;
                controlStage.addChild(cp);
                points.push(cp);
            }
            hintLineStage = new Shape();
            hintPointStage = new Shape();
            drawStage = new Shape();
            drawLine();
            addChild(drawStage);
            addChild(hintLineStage);
            addChild(hintPointStage);
            addChild(controlStage);
        }
        public function drawLine():void {
            drawStage.graphics.clear();
            drawStage.graphics.lineStyle(5,0xffffff);
            drawStage.graphics.moveTo(points[1].x,points[1].y);
            hintLineStage.graphics.clear();
            hintLineStage.graphics.lineStyle(0,0x00ffff);
            hintLineStage.graphics.moveTo(points[1].x,points[1].y);
            hintPointStage.graphics.clear();
            for (var i:uint = 0; i < PNUM; i++) {
                var pA:uint = (i+PNUM)%PNUM;
                var pB:uint = (pA+1)%PNUM;
                var pC:uint = (pB+1)%PNUM;
                var pD:uint = (pC+1)%PNUM;
                var cp:Array = getCurvePoint(points[pA],points[pB],points[pC],points[pD]);
                drawStage.graphics.curveTo(cp[0].x,cp[0].y,cp[1].x,cp[1].y);
                drawStage.graphics.curveTo(cp[2].x,cp[2].y,points[pC].x,points[pC].y);
                hintLineStage.graphics.lineTo(cp[0].x, cp[0].y);
                hintLineStage.graphics.lineTo(cp[1].x, cp[1].y);
                hintLineStage.graphics.lineTo(cp[2].x, cp[2].y);
                hintLineStage.graphics.lineTo(points[pC].x, points[pC].y);
                hintPointStage.graphics.beginFill(0xff00ff);
                hintPointStage.graphics.drawCircle(cp[0].x,cp[0].y,2);
                for (var j:uint = 0; j < 3; j++) {
                    hintPointStage.graphics.endFill();
                    hintPointStage.graphics.beginFill(0xff00ff);
                    hintPointStage.graphics.drawCircle(cp[j].x,cp[j].y,2.5);
                }
            }
        }
        // 与えられた４点からその中間２点(A0,B0)を曲線で繋ぐための位置（controlPointA,mp,controlPointB）を求める
        private function getCurvePoint(a:Sprite, b:Sprite, c:Sprite, d:Sprite):Array {
            // Point targetA,targetBの距離
            var beforeA:Point = new Point(a.x, a.y);
            var targetA:Point = new Point(b.x, b.y);
            var targetB:Point = new Point(c.x, c.y);
            var afterB :Point = new Point(d.x, d.y);
            var connectL:Number = Point.distance(targetA,targetB);
            //var connectR:Number = getRadian(targetB,targetA);
            // コントロールポイント（controlPoint）の要素
            var controlPointA:Object = new Object();
            controlPointA.r = getRadian(targetB, beforeA);
            controlPointA.p = Point.distance(targetA, beforeA);    // この線にかかる力（接続線の距離）
            var controlPointB:Object = new Object();
            controlPointB.r = getRadian(targetA, afterB);
            controlPointB.p = Point.distance(targetB, afterB);    // この線にかかる力（接続線の距離）
            // 力のかかる比率 
            var ratio:Number = controlPointA.p/(controlPointA.p+controlPointB.p);
            // コントロールポイント（controlPoint）の位置を求める
            if (targetA.equals(beforeA)) {
                controlPointA.x = beforeA.x;
                controlPointA.y = beforeA.y;
            } else {
                controlPointA.l = connectL/2*ratio;    //*Math.tan(getRadianDiff(connectR,controlPointA.r));
                controlPointA.x = targetA.x + controlPointA.l*Math.cos(controlPointA.r);
                controlPointA.y = targetA.y + controlPointA.l*Math.sin(controlPointA.r);
            }
            if (targetB.equals(afterB)) {
                controlPointB.x = afterB.x;
                controlPointB.y = afterB.y;
            } else {
                controlPointB.l = connectL/2*(1-ratio);    //*Math.tan(getRadianDiff(controlPointB.r,connectR));
                controlPointB.x = targetB.x + controlPointB.l*Math.cos(controlPointB.r);
                controlPointB.y = targetB.y + controlPointB.l*Math.sin(controlPointB.r);
            }
            // 中間点（centerPoint）
            var centerPoint:Point = new Point();
            centerPoint.x = controlPointA.x + (controlPointB.x-controlPointA.x)*ratio;
            centerPoint.y = controlPointA.y + (controlPointB.y-controlPointA.y)*ratio;
            // 中間点と２つのコントロールポイントとを返す
            return ([controlPointA,centerPoint,controlPointB]);    
        }
        private function getRadian(a:Point,b:Point):Number {
            var dx:Number = (a.x - b.x);
            var dy:Number = (a.y - b.y);
            var radian:Number = Math.atan2(dy,dx);
            return (radian);
        }
    }
}
import flash.display.Sprite;
import flash.display.Shape;
import flash.events.MouseEvent;
import flash.events.Event;
class ControlPoint extends Sprite {
    private var dFlag:Boolean = false;
    public function ControlPoint():void {
        graphics.beginFill(0xff0000);
        graphics.drawCircle(0,0,10);
        graphics.endFill();
        addEventListener(MouseEvent.MOUSE_DOWN, beginDrag);
        addEventListener(MouseEvent.MOUSE_UP, finishDrag);
        addEventListener(MouseEvent.MOUSE_MOVE, movePoint);
        buttonMode = true;
    }
    private function movePoint(e:Event):void {
        if (dFlag) e.target.parent.parent.drawLine();
    }
    private function beginDrag(e:MouseEvent):void {
        dFlag = true;
        this.startDrag();
    }
    private function finishDrag(e:MouseEvent):void {
        dFlag = false;
        this.stopDrag();
    }
}

Code Fullscreen

Preview Fullscreen