var StrokePathWebGL = require('../StrokePathWebGL'); 
var Utils = require('../../../renderer/webgl/Utils'); 
var TriangleWebGLRenderer = function (renderer, src, interpolationPercentage, camera, parentMatrix){ 
var pipeline = this.pipeline; 
var camMatrix = pipeline._tempMatrix1; 
var shapeMatrix = pipeline._tempMatrix2; 
var calcMatrix = pipeline._tempMatrix3; 
renderer.setPipeline(pipeline); 
shapeMatrix.applyITRS(src.x, src.y, src.rotation, src.scaleX, src.scaleY); 
camMatrix.copyFrom(camera.matrix); 
if (parentMatrix) { 
camMatrix.multiplyWithOffset(parentMatrix, - camera.scrollX * src.scrollFactorX, - camera.scrollY * src.scrollFactorY); 
shapeMatrix.e = src.x; 
shapeMatrix.f = src.y; 
} 
 else { 
shapeMatrix.e -= camera.scrollX * src.scrollFactorX; 
shapeMatrix.f -= camera.scrollY * src.scrollFactorY; 
} 
camMatrix.multiply(shapeMatrix, calcMatrix); 
var dx = src._displayOriginX; 
var dy = src._displayOriginY; 
var alpha = camera.alpha * src.alpha; 
if (src.isFilled) { 
var fillTint = pipeline.fillTint; 
var fillTintColor = Utils.getTintAppendFloatAlphaAndSwap(src.fillColor, src.fillAlpha * alpha); 
fillTint.TL = fillTintColor; 
fillTint.TR = fillTintColor; 
fillTint.BL = fillTintColor; 
fillTint.BR = fillTintColor; 
var x1 = src.geom.x1 - dx; 
var y1 = src.geom.y1 - dy; 
var x2 = src.geom.x2 - dx; 
var y2 = src.geom.y2 - dy; 
var x3 = src.geom.x3 - dx; 
var y3 = src.geom.y3 - dy; 
pipeline.batchFillTriangle(x1, y1, x2, y2, x3, y3, shapeMatrix, camMatrix); 
} 
if (src.isStroked) { 
StrokePathWebGL(pipeline, src, alpha, dx, dy); 
} 
} 
; 
module.exports = TriangleWebGLRenderer;