var Commands = require('./Commands'); 
var GameObject = require('../GameObject'); 
var GraphicsCanvasRenderer = function (renderer, src, interpolationPercentage, camera, renderTargetCtx, allowClip){ 
if (GameObject.RENDER_MASK !== src.renderFlags || (src.cameraFilter > 0 && (src.cameraFilter & camera._id))) { 
return ; 
} 
var cameraScrollX = camera.scrollX * src.scrollFactorX; 
var cameraScrollY = camera.scrollY * src.scrollFactorY; 
var srcX = src.x; 
var srcY = src.y; 
var srcScaleX = src.scaleX; 
var srcScaleY = src.scaleY; 
var srcRotation = src.rotation; 
var commandBuffer = src.commandBuffer; 
var ctx = renderTargetCtx || renderer.currentContext; 
var lineAlpha = 1; 
var fillAlpha = 1; 
var lineColor = 0; 
var fillColor = 0; 
var lineWidth = 1; 
var red = 0; 
var green = 0; 
var blue = 0; 
if (renderer.currentBlendMode !== src.blendMode) { 
renderer.currentBlendMode = src.blendMode; 
ctx.globalCompositeOperation = renderer.blendModes[src.blendMode]; 
} 
if (renderer.currentAlpha !== src.alpha) { 
renderer.currentAlpha = src.alpha; 
ctx.globalAlpha = src.alpha; 
} 
if (renderer.currentScaleMode !== src.scaleMode) { 
renderer.currentScaleMode = src.scaleMode; 
} 
ctx.save(); 
ctx.translate(srcX - cameraScrollX, srcY - cameraScrollY); 
ctx.rotate(srcRotation); 
ctx.scale(srcScaleX, srcScaleY); 
ctx.fillStyle = '#fff'; 
ctx.globalAlpha = src.alpha; 
for (var index = 0, length = _AN_Read_length('length', commandBuffer); 
index < length; ++index){ 
var commandID = commandBuffer[index]; 
switch (commandID){ 
case Commands.ARC: ctx.arc(commandBuffer[index + 1], commandBuffer[index + 2], commandBuffer[index + 3], commandBuffer[index + 4], commandBuffer[index + 5], commandBuffer[index + 6]); 
index += 6; 
break ; 
case Commands.LINE_STYLE: lineWidth = commandBuffer[index + 1]; 
lineColor = commandBuffer[index + 2]; 
lineAlpha = commandBuffer[index + 3]; 
red = ((lineColor & 16711680) >>> 16); 
green = ((lineColor & 65280) >>> 8); 
blue = (lineColor & 255); 
ctx.strokeStyle = 'rgba(' + red + ',' + green + ',' + blue + ',' + lineAlpha + ')'; 
ctx.lineWidth = lineWidth; 
index += 3; 
break ; 
case Commands.FILL_STYLE: fillColor = commandBuffer[index + 1]; 
fillAlpha = commandBuffer[index + 2]; 
red = ((fillColor & 16711680) >>> 16); 
green = ((fillColor & 65280) >>> 8); 
blue = (fillColor & 255); 
ctx.fillStyle = 'rgba(' + red + ',' + green + ',' + blue + ',' + fillAlpha + ')'; 
index += 2; 
break ; 
case Commands.BEGIN_PATH: ctx.beginPath(); 
break ; 
case Commands.CLOSE_PATH: ctx.closePath(); 
break ; 
case Commands.FILL_PATH: if (!allowClip) { 
ctx.fill(); 
} 
break ; 
case Commands.STROKE_PATH: if (!allowClip) { 
ctx.stroke(); 
} 
break ; 
case Commands.FILL_RECT: if (!allowClip) { 
ctx.fillRect(commandBuffer[index + 1], commandBuffer[index + 2], commandBuffer[index + 3], commandBuffer[index + 4]); 
} 
 else { 
ctx.rect(commandBuffer[index + 1], commandBuffer[index + 2], commandBuffer[index + 3], commandBuffer[index + 4]); 
} 
index += 4; 
break ; 
case Commands.FILL_TRIANGLE: ctx.beginPath(); 
ctx.moveTo(commandBuffer[index + 1], commandBuffer[index + 2]); 
ctx.lineTo(commandBuffer[index + 3], commandBuffer[index + 4]); 
ctx.lineTo(commandBuffer[index + 5], commandBuffer[index + 6]); 
ctx.closePath(); 
if (!allowClip) { 
ctx.fill(); 
} 
index += 6; 
break ; 
case Commands.STROKE_TRIANGLE: ctx.beginPath(); 
ctx.moveTo(commandBuffer[index + 1], commandBuffer[index + 2]); 
ctx.lineTo(commandBuffer[index + 3], commandBuffer[index + 4]); 
ctx.lineTo(commandBuffer[index + 5], commandBuffer[index + 6]); 
ctx.closePath(); 
if (!allowClip) { 
ctx.stroke(); 
} 
index += 6; 
break ; 
case Commands.LINE_TO: ctx.lineTo(commandBuffer[index + 1], commandBuffer[index + 2]); 
index += 2; 
break ; 
case Commands.MOVE_TO: ctx.moveTo(commandBuffer[index + 1], commandBuffer[index + 2]); 
index += 2; 
break ; 
case Commands.LINE_FX_TO: ctx.lineTo(commandBuffer[index + 1], commandBuffer[index + 2]); 
index += 5; 
break ; 
case Commands.MOVE_FX_TO: ctx.moveTo(commandBuffer[index + 1], commandBuffer[index + 2]); 
index += 5; 
break ; 
case Commands.SAVE: ctx.save(); 
break ; 
case Commands.RESTORE: ctx.restore(); 
break ; 
case Commands.TRANSLATE: ctx.translate(commandBuffer[index + 1], commandBuffer[index + 2]); 
index += 2; 
break ; 
case Commands.SCALE: ctx.scale(commandBuffer[index + 1], commandBuffer[index + 2]); 
index += 2; 
break ; 
case Commands.ROTATE: ctx.rotate(commandBuffer[index + 1]); 
index += 1; 
break ; 
default : { 
console.error('Phaser: Invalid Graphics Command ID ' + commandID); 
break ; 
} 
} 
} 
ctx.restore(); 
} 
; 
module.exports = GraphicsCanvasRenderer;