Forked from:: Kay's ２つの円を円弧で繋ぐ

forked from: ２つの円を円弧で繋ぐ

http://wonderfl.kayac.com/code/5656d1a3a53ba7896347ae9527cce71ab1f2742e
２つの円を円弧で繋ぐ
* リアルな水滴の表現に向けて目玉焼きみたいな
* 例外処理は未実装

forked:4
favorite:52
lines:166
license : All rights reserved
modified : 2009-04-03 13:56:45

Embed: Tweet

// forked from tatsuhisa's forked from: ２つの円を円弧で繋ぐ
// forked from Kay's ２つの円を円弧で繋ぐ
//http://wonderfl.kayac.com/code/5656d1a3a53ba7896347ae9527cce71ab1f2742e
/*
 * ２つの円を円弧で繋ぐ
 * リアルな水滴の表現に向けて目玉焼きみたいな
 * 例外処理は未実装
 */
package {
	import flash.display.Bitmap;
	import flash.display.BitmapData;
	import flash.display.DisplayObject;
	import flash.display.BlendMode;
	import flash.display.Shape;
	import flash.display.Sprite;
	import flash.filters.BlurFilter;
	import flash.geom.Point;
	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.geom.Rectangle;
	
	[SWF(width=400, height=400, backgroundColor=0x000000, frameRate=60)]
	
	public class Take05 extends Sprite {
		
		private const SW:Number = stage.stageWidth;
		private const SH:Number = stage.stageHeight;
		private var circleA:Circle;
		private var circleB:Circle;
		private var nA:Number = 0;
		private var nB:Number = 0;
		
		//ADD
		private var contents:Shape;
		private var blackBmd:BitmapData;
		private var bitmap:Bitmap;
		
		private var point:Point;
		private var blur:BlurFilter;
		
		private var metaColor:uint = 0xFFFFFF;
		private var connect:Boolean = false;
		
		public function Take05():void {
			contents = new Shape();
			//addChild( contents );
			
			blackBmd = new BitmapData( stage.stageWidth, stage.stageHeight, true, 0x000000 );
			
			var bmd:BitmapData = new BitmapData( stage.stageWidth, stage.stageHeight, true, 0x000000 );
			bitmap = new Bitmap( bmd, "auto", true );
			addChild( bitmap );
			
			point = new Point( 0, 0 );
			blur = new BlurFilter( 8, 8, 1);
			
			circleA = new Circle();
			circleA.x = SW/2;
			circleA.y = SH/2;
			circleA.radius = 60;
			
			circleB = new Circle();
			circleB.x = SW/2+90;
			circleB.y = SH/2-90;
			circleB.radius = 20;
			
			// circleA,Bの位置を常時移動する
			addEventListener(Event.ENTER_FRAME, moveCircleB);
		}
		
		
		private function moveCircleB(eventObject:Event):void {
			/*
			nA+=0.03;
			//circleA.y = SH/2 + 60*Math.sin(nA);
			nB+=0.07;
			//circleB.y = SH/2 + 100*Math.sin(nB);
			circleB.x = SW/2 + 180*Math.sin(nA);
			circleB.y = SH/2 + 150*Math.sin(nB);
			*/
			circleB.x = mouseX;
			circleB.y = mouseY;
			
			var pointA:Point = new Point(circleA.x,circleA.y);
			var pointB:Point = new Point(circleB.x,circleB.y);
			var distAB:Number = Point.distance(pointA, pointB);
			
			
			if ( distAB <= circleA.radius )
			{
				connect = true;
			}
			
			contents.graphics.clear();
			// ２つの円を曲線で繋ぐ
			getConectCenter( contents, circleA, circleB, distAB/2);
			
			var bmd:BitmapData = bitmap.bitmapData;
			bmd.lock();
			bmd.merge( blackBmd, bmd.rect, point, 32, 32, 32, 32 );
			//bmd.draw( blackBmd );
			bmd.applyFilter( bmd, bmd.rect, point, blur);
			bmd.draw( contents, null, null, BlendMode.ADD, null, true );
			bmd.unlock();
		}
		
		
		// ２つの円を繋ぐ接続円を描く
		private function getConectCenter( drawArea:Shape, circleA:Circle, circleB:Circle, radiusC:Number ):void {
			// ３辺の長さを求める
			var pointA:Point = new Point(circleA.x,circleA.y);
			var pointB:Point = new Point(circleB.x,circleB.y);
			var distAC:Number = circleA.radius+radiusC;
			var distBC:Number = circleB.radius+radiusC;
			var distAB:Number = Point.distance(pointA, pointB);
			
			if (distAB < distBC+distAC) {
				// ヘロンの公式で三角形の高さを求める
				var nABC:Number = (distAB+distAC+distBC)/2;
				var area:Number = Math.sqrt(nABC*(nABC-distAB)*(nABC-distAC)*(nABC-distBC));
				var nH:Number = area/distAB*2;
				// ∠CABを求める
				var radianCAB:Number = Math.asin(nH / distAC);
				
				// pointAとpointBの角度を求める
				var radianAB:Number = Math.atan2((pointB.y - pointA.y), (pointB.x - pointA.x));
				
				// 交点C座標を求める
				var pointC:Point = Point.polar(distAC, radianCAB+radianAB);
				pointC.offset(pointA.x, pointA.y);
				if ( radianCAB != 0 ) {
					// もう１つの交点D座標を求める
					var pointD:Point = Point.polar(distAC, -radianCAB+radianAB);
					pointD.offset(pointA.x, pointA.y);
					
					// ２つの円を円弧で繋いだ線を描画
					drawArea.graphics.beginFill(metaColor);
					//graphics.lineStyle(16,0xffff99);
					var vAC:Number = Math.atan2((pointC.y-pointA.y),(pointC.x-pointA.x));
					var vAD:Number = Math.atan2((pointD.y-pointA.y),(pointD.x-pointA.x));
					var vBC:Number = Math.atan2((pointC.y-pointB.y),(pointC.x-pointB.x));
					var vBD:Number = Math.atan2((pointD.y-pointB.y),(pointD.x-pointB.x));
					var pointBegin:Point = Point.polar(circleA.radius, vAC);
					pointBegin.offset(pointA.x, pointA.y);
					
                    if (connect)
					{
						if ( Point.distance( pointC, pointD )/2 > radiusC && distAB >= ( circleA.radius + circleB.radius ) )
						{
							drawArea.graphics.moveTo(pointBegin.x, pointBegin.y);
							drawArc( drawArea, pointA, circleA.radius, vAC, vAD);
							drawArc( drawArea, pointD, radiusC, vAD + Math.PI, vBD + Math.PI);
							drawArc( drawArea, pointB, circleB.radius, vBD, vBC);
							drawArc( drawArea, pointC, radiusC, vBC + Math.PI, vAC + Math.PI);
							drawArea.graphics.endFill();
						}
						else if( distAB < ( circleA.radius + circleB.radius ) )
						{
							drawArea.graphics.moveTo(pointBegin.x, pointBegin.y);
							drawArc( drawArea, pointA, circleA.radius, vAC, vAD);
							drawArc( drawArea, pointD, radiusC, vAD + Math.PI, vBD + Math.PI);
							drawArc( drawArea, pointB, circleB.radius, vBD, vBC);
							drawArc( drawArea, pointC, radiusC, vBC + Math.PI, vAC + Math.PI);
							drawArea.graphics.endFill();
						}
						else
						{
							connect = false;
						}
					}
					
					//確認用
					/*
					drawArea.graphics.beginFill( 0xFF0000, 0.5 );
					drawArea.graphics.drawCircle( pointC.x, pointC.y, radiusC );
					drawArea.graphics.endFill();
					drawArea.graphics.beginFill( 0xFF0000, 0.5 );
					drawArea.graphics.drawCircle( pointD.x, pointD.y, radiusC );
					drawArea.graphics.endFill();
					*/
				}
				
			}
			
			drawArea.graphics.beginFill(metaColor);
			drawArea.graphics.lineStyle(1, metaColor);
            drawArea.graphics.drawCircle( pointA.x, pointA.y, circleA.radius );
            drawArea.graphics.endFill();
            
            drawArea.graphics.beginFill(metaColor);
			drawArea.graphics.lineStyle(1, metaColor);
            drawArea.graphics.drawCircle( pointB.x, pointB.y, circleB.radius );
            drawArea.graphics.endFill();
            
		}
		
		
		private function drawArc(drawArea:Shape, center:Point, radius:Number, begin:Number, end:Number ):void {
			// 描画範囲を取得
			//trace( end, begin );
			if ( end > begin )
			{
				end -= Math.PI * 2;
			}
			var diffRadian:Number = end - begin;
			// 描画開始点を取得
			var pBegin:Point=Point.polar(radius,begin);
			pBegin.offset(center.x, center.y);
			var pEnd:Point=Point.polar(radius,end);
			pEnd.offset(center.x, center.y);
			
			//trace(diffRadian);
			
			// 中間点の数を求める
			var nStep:uint = Math.ceil( Math.abs(diffRadian) / Math.PI * 4) - 1;
			
			// 分割する角度を求める
			var stepRadian:Number = diffRadian / (nStep + 1);
			
			// 開始点を求める
			var nY:Number=radius*Math.tan(stepRadian/2);
			var nDist:Number = Math.sqrt(Math.pow(radius, 2) + Math.pow(nY, 2));
			var currentRadian:Number=begin;
			for (var i:uint = 0; i < nStep; i++) {
				// 到達点
				var targetRadian:Number=currentRadian+stepRadian;
				var pTarget:Point=Point.polar(radius,targetRadian);
				pTarget.offset(center.x, center.y);
				// コントロールポイント（pControl）を求める
				var pControl:Point=Point.polar(nDist,currentRadian+stepRadian/2);
				pControl.offset(center.x, center.y);
				drawArea.graphics.curveTo(pControl.x, pControl.y, pTarget.x, pTarget.y);
				// 開始点を更新
				currentRadian=targetRadian;
			}
			// 最終到達点までを描く
			stepRadian=end-currentRadian;
			nY=radius*Math.tan(stepRadian/2);
			nDist=Math.sqrt(Math.pow(radius,2)+Math.pow(nY,2));
			pControl=Point.polar(nDist,currentRadian+stepRadian/2);
			pControl.offset(center.x, center.y);
			drawArea.graphics.curveTo(pControl.x, pControl.y, pEnd.x, pEnd.y);
		}
		
	}
}

import flash.display.Sprite;
class Circle extends Sprite {
	public var radius:Number = 100;
	public var color:uint = 0;
	public var nX:Number = 0;
	public var nY:Number = 0;
	public function Circle() {
	}
}

Code Fullscreen

Preview Fullscreen