var Class = require('../../utils/Class'); 
var GameObject = require('../GameObject'); 
var Components = require('../../components'); 
var Render = require('./GraphicsRender'); 
var Commands = require('./Commands'); 
var MATH_CONST = require('../../math/const'); 
var GetObjectValue = require('../../utils/object/GetObjectValue'); 
var Graphics = new Class({ 
Extends: GameObject,
Mixins: [Components.Alpha, Components.BlendMode, Components.Transform, Components.Visible, Render] ,
initialize: function Graphics(state, options){ 
var x = GetObjectValue(options, 'x', 0); 
var y = GetObjectValue(options, 'y', 0); 
GameObject.call(this, state); 
this.setPosition(x, y); 
this.commandBuffer = [] ; 
this.defaultFillColor = -1; 
this.defaultFillAlpha = 1; 
this.defaultStrokeWidth = 1; 
this.defaultStrokeColor = -1; 
this.defaultStrokeAlpha = 1; 
this.setDefaultStyles(options); 
} 
,
setDefaultStyles: function (options){ 
if (GetObjectValue(options, 'lineStyle', null )) { 
this.defaultStrokeWidth = GetObjectValue(options, 'lineStyle.width', 1); 
this.defaultStrokeColor = GetObjectValue(options, 'lineStyle.color', 16777215); 
this.defaultStrokeAlpha = GetObjectValue(options, 'lineStyle.alpha', 1); 
this.lineStyle(this.defaultStrokeWidth, this.defaultStrokeColor, this.defaultStrokeAlpha); 
} 
if (GetObjectValue(options, 'fillStyle', null )) { 
this.defaultFillColor = GetObjectValue(options, 'fillStyle.color', 16777215); 
this.defaultFillAlpha = GetObjectValue(options, 'fillStyle.alpha', 1); 
this.fillStyle(this.defaultFillColor, this.defaultFillAlpha); 
} 
return this; 
} 
,
lineStyle: function (lineWidth, color, alpha){ 
if (alpha === undefined) { 
alpha = 1; 
} 
this.commandBuffer.push(Commands.LINE_STYLE, lineWidth, color, alpha); 
return this; 
} 
,
fillStyle: function (color, alpha){ 
if (alpha === undefined) { 
alpha = 1; 
} 
this.commandBuffer.push(Commands.FILL_STYLE, color, alpha); 
return this; 
} 
,
beginPath: function (){ 
this.commandBuffer.push(Commands.BEGIN_PATH); 
return this; 
} 
,
closePath: function (){ 
this.commandBuffer.push(Commands.CLOSE_PATH); 
return this; 
} 
,
fillPath: function (){ 
this.commandBuffer.push(Commands.FILL_PATH); 
return this; 
} 
,
strokePath: function (){ 
this.commandBuffer.push(Commands.STROKE_PATH); 
return this; 
} 
,
fillCircleShape: function (circle){ 
return this.fillCircle(circle.x, circle.y, circle.radius); 
} 
,
strokeCircleShape: function (circle){ 
return this.strokeCircle(circle.x, circle.y, circle.radius); 
} 
,
fillCircle: function (x, y, radius){ 
this.beginPath(); 
this.arc(x, y, radius, 0, MATH_CONST.PI2); 
this.fillPath(); 
this.closePath(); 
return this; 
} 
,
strokeCircle: function (x, y, radius){ 
this.beginPath(); 
this.arc(x, y, radius, 0, MATH_CONST.PI2); 
this.closePath(); 
this.strokePath(); 
return this; 
} 
,
fillRectShape: function (rect){ 
return this.fillRect(rect.x, rect.y, rect.width, rect.height); 
} 
,
strokeRectShape: function (rect){ 
return this.strokeRect(rect.x, rect.y, rect.width, rect.height); 
} 
,
fillRect: function (x, y, width, height){ 
this.commandBuffer.push(Commands.FILL_RECT, x, y, width, height); 
return this; 
} 
,
strokeRect: function (x, y, width, height){ 
this.beginPath(); 
this.moveTo(x, y); 
this.lineTo(x + width, y); 
this.lineTo(x + width, y + height); 
this.lineTo(x, y + height); 
this.lineTo(x, y); 
this.strokePath(); 
this.closePath(); 
return this; 
} 
,
fillPointShape: function (point, size){ 
return this.fillPoint(point.x, point.y, size); 
} 
,
fillPoint: function (x, y, size){ 
this.commandBuffer.push(Commands.FILL_RECT, x, y, size, size); 
return this; 
} 
,
fillTriangleShape: function (triangle){ 
return this.fillTriangle(triangle.x1, triangle.y1, triangle.x2, triangle.y2, triangle.x3, triangle.y3); 
} 
,
strokeTriangleShape: function (triangle){ 
return this.strokeTriangle(triangle.x1, triangle.y1, triangle.x2, triangle.y2, triangle.x3, triangle.y3); 
} 
,
fillTriangle: function (x0, y0, x1, y1, x2, y2){ 
this.commandBuffer.push(Commands.FILL_TRIANGLE, x0, y0, x1, y1, x2, y2); 
return this; 
} 
,
strokeTriangle: function (x0, y0, x1, y1, x2, y2){ 
this.commandBuffer.push(Commands.STROKE_TRIANGLE, x0, y0, x1, y1, x2, y2); 
return this; 
} 
,
strokeLineShape: function (line){ 
return this.lineBetween(line.x1, line.y1, line.x2, line.y2); 
} 
,
lineBetween: function (x1, y1, x2, y2){ 
this.beginPath(); 
this.moveTo(x1, y1); 
this.lineTo(x2, y2); 
this.strokePath(); 
this.closePath(); 
return this; 
} 
,
lineTo: function (x, y){ 
this.commandBuffer.push(Commands.LINE_TO, x, y); 
return this; 
} 
,
moveTo: function (x, y){ 
this.commandBuffer.push(Commands.MOVE_TO, x, y); 
return this; 
} 
,
lineFxTo: function (x, y, width, rgb){ 
this.commandBuffer.push(Commands.LINE_FX_TO, x, y, width, rgb, 1); 
return this; 
} 
,
moveFxTo: function (x, y, width, rgb){ 
this.commandBuffer.push(Commands.MOVE_FX_TO, x, y, width, rgb, 1); 
return this; 
} 
,
arc: function (x, y, radius, startAngle, endAngle, anticlockwise){ 
this.commandBuffer.push(Commands.ARC, x, y, radius, startAngle, endAngle, anticlockwise); 
return this; 
} 
,
clear: function (){ 
this.commandBuffer.length = 0; 
if (this.defaultFillColor > -1) { 
this.fillStyle(this.defaultFillColor, this.defaultFillAlpha); 
} 
if (this.defaultStrokeColor > -1) { 
this.lineStyle(this.defaultStrokeWidth, this.defaultStrokeColor, this.defaultStrokeAlpha); 
} 
return this; 
} 
}
); 
module.exports = Graphics;