;(()=>{
	"use strict";
  const POINT_NUM = 20;
	/**
	 * キャンバスオブジェクト
	 * @param {string} canvasId canvasのid属性
	 */
	class Canvas{
		constructor(canvasId) {
			var canvas  = document.getElementById(canvasId);
			this.ctx    = canvas.getContext('2d');
			this.canvasW = canvas.width;
			this.canvasH = canvas.height;
		}
		clear(){
			this.ctx.clearRect(0, 0, this.canvasW , this.canvasH );
		}
	}
	/**
	 * 座標オブジェクト
	 * @param {number} x X座標
	 * @param {number} y Y座標
	 */
	class Point{
		constructor(x,y) {
			this.x = x;
			this.y = y;
		}
	}
	/**
	 * 多角形オブジェクト
	 * @param {Array} points 座標情報
	 */
	class Polygon{
		constructor(points) {
			this.points = points;
		}
		draw(ctx,strokeStyle,fillStyle){
			ctx.beginPath();
			ctx.moveTo(this.points[0].x, this.points[0].y);
			for(var i=1; i<this.points.length ; i++){
				ctx.lineTo(this.points[i].x, this.points[i].y);
			}
			ctx.closePath();
			if(strokeStyle){
				ctx.strokeStyle = strokeStyle;
				ctx.stroke();
			}
			if(fillStyle){
				ctx.fillStyle   = fillStyle;
				ctx.fill();
			}
		}
	}
	/**
	 * 三角形オブジェクト
	 * @param {Array} points 座標情報
	 */
	class Triangle extends Polygon{
		/**
		* 外接円の取得
		*/
		getCircumscribedCircle() {
			//未定義の場合は定義
			if(!this._circumscribedCircle){
				var x1 = this.points[0].x;
				var y1 = this.points[0].y;
				var x2 = this.points[1].x;
				var y2 = this.points[1].y;
				var x3 = this.points[2].x;
				var y3 = this.points[2].y;
				
				//各座標の2乗を取得
				var x1pow2 = Math.pow(x1,2);
				var x2pow2 = Math.pow(x2,2);
				var x3pow2 = Math.pow(x3,2);
				var y1pow2 = Math.pow(y1,2);
				var y2pow2 = Math.pow(y2,2);
				var y3pow2 = Math.pow(y3,2);
				
				//公式より中心座標を取得
				var c = 2 * ((x2 - x1) * (y3 - y1) - (y2 - y1) * (x3 - x1));
				var x = ((y3 - y1) * (x2pow2 - x1pow2 + y2pow2 - y1pow2) + (y1 - y2) * (x3pow2 - x1pow2 + y3pow2 - y1pow2)) / c;
				var y = ((x1 - x3) * (x2pow2 - x1pow2 + y2pow2 - y1pow2) + (x2 - x1) * (x3pow2 - x1pow2 + y3pow2 - y1pow2)) / c;
				
				//外接円の半径rは、中心から三角形の任意の頂点(x1,y1)までの距離
				var r = Math.sqrt(Math.pow(x1 - x,2) + Math.pow(y1 - y,2));
				this._circumscribedCircle =  new Circle(new Point(x,y),r);
			}
			return this._circumscribedCircle;
		}
	}
	/**
	 * 円オブジェクト
	 * @param {Point} center 中心座標情報
	 * @param {number} radius 半径
	 */
	class Circle{
		constructor(center,radius){
			this.center = center;
			this.radius = radius;
		}
		/**
		* 描画
		*/
		draw(ctx,strokeStyle,fillStyle){
			ctx.beginPath();
			ctx.arc(this.center.x,this.center.y,this.radius,0,Math.PI*2,true);
			if(strokeStyle){
				ctx.strokeStyle = strokeStyle;
				ctx.stroke();
			}
			if(fillStyle){
				ctx.fillStyle   = fillStyle;
				ctx.fill();
			}
		}
	};
	//表示処理
	var canvas = new Canvas("ctx");
	canvas.clear();

	//ステージ情報
	var stage = {
		x : 50,
		y : 50,
		w : 100,
		h : 100
	}

	//ステージを描画
	stage.obj = new Polygon([
		new Point(stage.x         , stage.y        ) , 
		new Point(stage.x+stage.w , stage.y        ) , 
		new Point(stage.x+stage.w , stage.y+stage.h) , 
		new Point(stage.x         , stage.y+stage.h) 
	]);
	stage.obj.draw(canvas.ctx,"blue");

	//ステージ内にランダムなポイントを取得
	var trianglePoints = [];
	for (var i = 0; i < POINT_NUM ; i++) {
		trianglePoints.push(new Point(
			stage.x+Math.random() * stage.w , 
			stage.y+Math.random() * stage.h
		));
	}
	//ランダムなポイントを描画
	trianglePoints.forEach((point)=>{
		(new Circle(point,2)).draw(canvas.ctx,"red");
	});

  	//ステージを包む外接円
	var stageCircumscribedCircleRadius = Math.sqrt((stage.w*stage.w) + (stage.h*stage.h))/2;
	var stageCircumscribedCircleCenter = new Point(stage.x+stage.w/2,stage.y+stage.h/2);
	(new Circle(stageCircumscribedCircleCenter,stageCircumscribedCircleRadius)).draw(canvas.ctx,"green");
  
  
	var circumscribedTrianglePoints = [],
		circumscribedTriangles = [];
	//ステージを包む外接円を包む外接三角形の頂点を取得
	circumscribedTrianglePoints.push(new Point(
		stageCircumscribedCircleCenter.x- Math.sqrt(3) * stageCircumscribedCircleRadius,
		stageCircumscribedCircleCenter.y-stageCircumscribedCircleRadius
	));
	circumscribedTrianglePoints.push(new Point(
		stageCircumscribedCircleCenter.x+Math.sqrt(3) * stageCircumscribedCircleRadius,
		stageCircumscribedCircleCenter.y-stageCircumscribedCircleRadius
	));
	circumscribedTrianglePoints.push(new Point(
		stageCircumscribedCircleCenter.x,
		stageCircumscribedCircleCenter.y+stageCircumscribedCircleRadius*2
	));
	//ステージを包む外接円を包む外接三角形を作成
	circumscribedTriangles.push(new Triangle(circumscribedTrianglePoints));
	//ステージを包む外接円を包む外接三角形を描画
	circumscribedTriangles[0].draw(canvas.ctx,"yellow");
})();