Mirrors/phaser
2
0
Fork 0
mirror of https://github.com/photonstorm/phaser synced 2024-12-18 17:16:03 +00:00
Code Issues Projects Releases Packages Wiki Activity
phaser/v3/src/gameobjects/graphics/GraphicsWebGLRenderer.js

650 lines
28 KiB
JavaScript
Raw Normal View History

Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
var Commands = require('./Commands');
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
var TransformMatrix = require('../../components/TransformMatrix');
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
var pathArray = [];
var cos = Math.cos;
var sin = Math.sin;
Line rendering for webgl on Graphics Game Object
2017-03-02 00:40:03 +00:00
var sqrt = Math.sqrt;
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
var tempMatrix = new TransformMatrix();
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
var Point = function (x, y)
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
{
this.x = x;
this.y = y;
};
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
var Path = function (x, y)
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
{
this.points = [];
Fixed overflowing buffer on Graphics webgl renderer
2017-03-01 23:23:46 +00:00
this.pointsLength = 1;
this.points[0] = new Point(x, y);
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
};
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
var lerp = function (norm, min, max)
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
{
return (max - min) * norm + min;
};
Line rendering for webgl on Graphics Game Object
2017-03-02 00:40:03 +00:00
var renderLine = function (
/* start and end of line */
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
ax, ay, bx, by,
Line rendering for webgl on Graphics Game Object
2017-03-02 00:40:03 +00:00
/* buffers */
vertexBufferF32, vertexBufferU32, vertexDataBuffer,
/* camera scroll */
cameraScrollX, cameraScrollY,
/* Camera transform */
a, b, c, d, e, f,
/* line properties */
lineColor, lineAlpha, lineWidth,
/* vertex count and limits */
vertexCount, maxVertices,
/* batch */
shapeBatch,
/* Game Object transform */
srcX, srcY, srcScaleX, srcScaleY, srcRotation
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
)
Line rendering for webgl on Graphics Game Object
2017-03-02 00:40:03 +00:00
{
if (vertexCount + 6 > maxVertices)
{
shapeBatch.flush();
vertexCount = 0;
}
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Line rendering for webgl on Graphics Game Object
2017-03-02 00:40:03 +00:00
shapeBatch.vertexCount = vertexCount + 6;
ax -= cameraScrollX;
bx -= cameraScrollX;
ay -= cameraScrollY;
by -= cameraScrollY;
var vertexOffset = vertexDataBuffer.allocate(9 * 6);
var dx = bx - ax;
var dy = by - ay;
var len = sqrt(dx * dx + dy * dy);
var l0 = lineWidth * (by - ay) / len;
var l1 = lineWidth * (ax - bx) / len;
var lx0 = bx - l0;
var ly0 = by - l1;
var lx1 = ax - l0;
var ly1 = ay - l1;
var lx2 = bx + l0;
var ly2 = by + l1;
var lx3 = ax + l0;
var ly3 = ay + l1;
var x0 = lx0 * a + ly0 * c + e;
var y0 = lx0 * b + ly0 * d + f;
var x1 = lx1 * a + ly1 * c + e;
var y1 = lx1 * b + ly1 * d + f;
var x2 = lx2 * a + ly2 * c + e;
var y2 = lx2 * b + ly2 * d + f;
var x3 = lx3 * a + ly3 * c + e;
var y3 = lx3 * b + ly3 * d + f;
vertexBufferF32[vertexOffset++] = x0;
vertexBufferF32[vertexOffset++] = y0;
vertexBufferU32[vertexOffset++] = lineColor;
vertexBufferF32[vertexOffset++] = lineAlpha;
vertexBufferF32[vertexOffset++] = srcX;
vertexBufferF32[vertexOffset++] = srcY;
vertexBufferF32[vertexOffset++] = srcScaleX;
vertexBufferF32[vertexOffset++] = srcScaleY;
vertexBufferF32[vertexOffset++] = srcRotation;
vertexBufferF32[vertexOffset++] = x1;
vertexBufferF32[vertexOffset++] = y1;
vertexBufferU32[vertexOffset++] = lineColor;
vertexBufferF32[vertexOffset++] = lineAlpha;
vertexBufferF32[vertexOffset++] = srcX;
vertexBufferF32[vertexOffset++] = srcY;
vertexBufferF32[vertexOffset++] = srcScaleX;
vertexBufferF32[vertexOffset++] = srcScaleY;
vertexBufferF32[vertexOffset++] = srcRotation;
vertexBufferF32[vertexOffset++] = x2;
vertexBufferF32[vertexOffset++] = y2;
vertexBufferU32[vertexOffset++] = lineColor;
vertexBufferF32[vertexOffset++] = lineAlpha;
vertexBufferF32[vertexOffset++] = srcX;
vertexBufferF32[vertexOffset++] = srcY;
vertexBufferF32[vertexOffset++] = srcScaleX;
vertexBufferF32[vertexOffset++] = srcScaleY;
vertexBufferF32[vertexOffset++] = srcRotation;
vertexBufferF32[vertexOffset++] = x1;
vertexBufferF32[vertexOffset++] = y1;
vertexBufferU32[vertexOffset++] = lineColor;
vertexBufferF32[vertexOffset++] = lineAlpha;
vertexBufferF32[vertexOffset++] = srcX;
vertexBufferF32[vertexOffset++] = srcY;
vertexBufferF32[vertexOffset++] = srcScaleX;
vertexBufferF32[vertexOffset++] = srcScaleY;
vertexBufferF32[vertexOffset++] = srcRotation;
vertexBufferF32[vertexOffset++] = x3;
vertexBufferF32[vertexOffset++] = y3;
vertexBufferU32[vertexOffset++] = lineColor;
vertexBufferF32[vertexOffset++] = lineAlpha;
vertexBufferF32[vertexOffset++] = srcX;
vertexBufferF32[vertexOffset++] = srcY;
vertexBufferF32[vertexOffset++] = srcScaleX;
vertexBufferF32[vertexOffset++] = srcScaleY;
vertexBufferF32[vertexOffset++] = srcRotation;
vertexBufferF32[vertexOffset++] = x2;
vertexBufferF32[vertexOffset++] = y2;
vertexBufferU32[vertexOffset++] = lineColor;
vertexBufferF32[vertexOffset++] = lineAlpha;
vertexBufferF32[vertexOffset++] = srcX;
vertexBufferF32[vertexOffset++] = srcY;
vertexBufferF32[vertexOffset++] = srcScaleX;
vertexBufferF32[vertexOffset++] = srcScaleY;
vertexBufferF32[vertexOffset++] = srcRotation;
return [
x0, y0,
x1, y1,
x2, y2,
x3, y3
];
};
Graphics Game Object base
2017-02-28 14:49:39 +00:00
var GraphicsWebGLRenderer = function (renderer, src, interpolationPercentage, camera)
{
if (this.renderMask !== this.renderFlags)
{
return;
}
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
var shapeBatch = renderer.shapeBatch;
var vertexDataBuffer = shapeBatch.vertexDataBuffer;
var vertexBufferF32 = vertexDataBuffer.floatView;
var vertexBufferU32 = vertexDataBuffer.uintView;
var vertexOffset = 0;
var cameraScrollX = camera.scrollX;
var cameraScrollY = camera.scrollY;
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
const srcX = src.x - cameraScrollX;
const srcY = src.y - cameraScrollY;
work in progress fix camera for transformed batch renderers
2017-03-03 21:28:04 +00:00
const srcScaleX = src.scaleX;
const srcScaleY = src.scaleY;
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
const srcRotation = -src.rotation;
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
var commandBuffer = src.commandBuffer;
var value;
var lineAlpha = 1.0;
var fillAlpha = 1.0;
var lineColor = 0;
var fillColor = 0;
var lineWidth = 1.0;
var cameraMatrix = camera.matrix.matrix;
var lastPath = null;
var iteration = 0;
var iterStep = 0.01;
var tx = 0;
var ty = 0;
var ta = 0;
var x, y, radius, startAngle, endAngle, anticlockwise;
var width, height, txw, tyh;
var vertexCount = shapeBatch.vertexCount;
var polygon = [];
var x0, y0, x1, y1, x2, y2;
var tx0, ty0, tx1, ty1, tx2, ty2;
var v0, v1, v2;
var polygonIndex;
var path;
var pathLength;
var point;
Fixed overflowing buffer on Graphics webgl renderer
2017-03-01 23:23:46 +00:00
var maxVertices = shapeBatch.maxVertices;
work in progress fix camera for transformed batch renderers
2017-03-03 21:28:04 +00:00
var translateX, translateY;
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
var tempMatrixMatrix = tempMatrix.matrix;
var sra, srb, src, srd, sre, srf, cma, cmb, cmc, cmd, cme, cmf;
var mva, mvb, mvc, mvd, mve, mvf;
tempMatrix.applyITRS(srcX, srcY, srcRotation, srcScaleX, srcScaleY);
sra = tempMatrixMatrix[0];
srb = tempMatrixMatrix[1];
src = tempMatrixMatrix[2];
srd = tempMatrixMatrix[3];
sre = tempMatrixMatrix[4];
srf = tempMatrixMatrix[5];
cma = cameraMatrix[0];
cmb = cameraMatrix[1];
cmc = cameraMatrix[2];
cmd = cameraMatrix[3];
cme = cameraMatrix[4];
cmf = cameraMatrix[5];
mva = sra * cma + srb * cmc;
mvb = sra * cmb + srb * cmd;
mvc = src * cma + srd * cmc;
mvd = src * cmb + srd * cmd;
mve = sre * cma + srf * cmc + cme;
mvf = sre * cmb + srf * cmd + cmf;
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
renderer.setBatch(shapeBatch, null);
for (var cmdIndex = 0, cmdLength = commandBuffer.length; cmdIndex < cmdLength; ++cmdIndex)
{
var cmd = commandBuffer[cmdIndex];
switch(cmd)
{
case Commands.ARC:
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
x = commandBuffer[cmdIndex + 1];
y = commandBuffer[cmdIndex + 2];
radius = commandBuffer[cmdIndex + 3];
startAngle = commandBuffer[cmdIndex + 4];
endAngle = commandBuffer[cmdIndex + 5];
anticlockwise = commandBuffer[cmdIndex + 6];
while (iteration < 1)
{
ta = lerp(iteration, startAngle, endAngle);
tx = x + cos(ta) * radius;
ty = y + sin(ta) * radius;
if (iteration === 0)
{
lastPath = new Path(tx, ty);
pathArray.push(lastPath);
}
else
{
lastPath.points.push(new Point(tx, ty));
}
iteration += iterStep;
}
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
cmdIndex += 6;
break;
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
case Commands.LINE_STYLE:
lineWidth = commandBuffer[cmdIndex + 1];
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
lineColor = commandBuffer[cmdIndex + 2];
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
lineAlpha = commandBuffer[cmdIndex + 3];
cmdIndex += 3;
break;
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
case Commands.FILL_STYLE:
fillColor = commandBuffer[cmdIndex + 1];
fillAlpha = commandBuffer[cmdIndex + 2];
cmdIndex += 2;
break;
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
case Commands.BEGIN_PATH:
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
pathArray.length = 0;
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
break;
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
case Commands.CLOSE_PATH:
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
if (lastPath !== null && lastPath.points.length > 0)
{
var firstPoint = lastPath.points[0];
// var lastPoint = lastPath.points[lastPath.points.length - 1];
lastPath.points.push(firstPoint);
lastPath = new Path(x, y);
pathArray.push(lastPath);
}
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
break;
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
case Commands.FILL_PATH:
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
for (var pathArrayIndex = 0, pathArrayLength = pathArray.length;
pathArrayIndex < pathArrayLength;
++pathArrayIndex)
{
shapeBatch.addFillPath(
/* Graphics Game Object Properties */
srcX, srcY, srcScaleX, srcScaleY, srcRotation,
/* Rectangle properties */
pathArray[pathArrayIndex].points,
fillColor,
fillAlpha,
/* Transform */
mva, mvb, mvc, mvd, mve, mvf
);
work in progress fix camera for transformed batch renderers
2017-03-03 21:28:04 +00:00
// pathLength = path.length;
//
// for (var pathIndex = 0;
// pathIndex < pathLength;
// ++pathIndex)
// {
// point = path[pathIndex];
// polygon.push(point.x, point.y);
// }
//
// polygonIndex = Earcut(polygon);
//
// for (var index = 0, length = polygonIndex.length; index < length; index += 3)
// {
// v0 = polygonIndex[index + 0] * 2;
// v1 = polygonIndex[index + 1] * 2;
// v2 = polygonIndex[index + 2] * 2;
//
// if (vertexCount + 3 > maxVertices)
// {
// shapeBatch.vertexCount = vertexCount;
// shapeBatch.flush();
// vertexCount = 0;
// }
//
// vertexOffset = vertexDataBuffer.allocate(9 * 3);
// vertexCount += 3;
//
// x0 = polygon[v0 + 0] - cameraScrollX;
// y0 = polygon[v0 + 1] - cameraScrollY;
// x1 = polygon[v1 + 0] - cameraScrollX;
// y1 = polygon[v1 + 1] - cameraScrollY;
// x2 = polygon[v2 + 0] - cameraScrollX;
// y2 = polygon[v2 + 1] - cameraScrollY;
//
// tx0 = x0 * a + y0 * c + e;
// ty0 = x0 * b + y0 * d + f;
// tx1 = x1 * a + y1 * c + e;
// ty1 = x1 * b + y1 * d + f;
// tx2 = x2 * a + y2 * c + e;
// ty2 = x2 * b + y2 * d + f;
//
// vertexBufferF32[vertexOffset++] = tx0;
// vertexBufferF32[vertexOffset++] = ty0;
// vertexBufferU32[vertexOffset++] = fillColor;
// vertexBufferF32[vertexOffset++] = fillAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// vertexBufferF32[vertexOffset++] = tx1;
// vertexBufferF32[vertexOffset++] = ty1;
// vertexBufferU32[vertexOffset++] = fillColor;
// vertexBufferF32[vertexOffset++] = fillAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// vertexBufferF32[vertexOffset++] = tx2;
// vertexBufferF32[vertexOffset++] = ty2;
// vertexBufferU32[vertexOffset++] = fillColor;
// vertexBufferF32[vertexOffset++] = fillAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
// }
// polygon.length = 0;
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
}
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
break;
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
case Commands.STROKE_PATH:
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
// All of these vars are already defined (except polylines, last, curr, point0 and point1)
work in progress fix camera for transformed batch renderers
2017-03-03 21:28:04 +00:00
// var pathArrayLength = pathArray.length;
// var lineWidth = lineWidth * 0.5;
// var pathArrayIndex, path, pathLength, pathIndex, point0, point1;
// var polylines = [];
// var lineColor = lineColor;
// var index, length, last, curr;
// var x0, y0, x1, y1, x2, y2, offset, position, color;
//
// for (pathArrayIndex = 0; pathArrayIndex < pathArrayLength; ++pathArrayIndex)
// {
// path = pathArray[pathArrayIndex].points;
// pathLength = path.length;
//
// for (pathIndex = 0; pathIndex + 1 < pathLength; pathIndex += 1)
// {
// point0 = path[pathIndex];
// point1 = path[pathIndex + 1];
// polylines.push(renderLine(
// point0.x, point0.y, point1.x, point1.y,
// vertexBufferF32, vertexBufferU32, vertexDataBuffer,
// cameraScrollX, cameraScrollY,
// a, b, c, d, e, f,
// lineColor, lineAlpha, lineWidth,
// vertexCount, maxVertices,
// shapeBatch,
// srcX, srcY, srcScaleX, srcScaleY, srcRotation
// ));
// vertexCount = shapeBatch.vertexCount;
// }
//
// if (pathArray[pathArrayIndex] === this._lastPath)
// {
// for (index = 1, length = polylines.length; index < length; ++index)
// {
// last = polylines[index - 1];
// curr = polylines[index];
//
// if (vertexCount + 6 > maxVertices)
// {
// shapeBatch.vertexCount = vertexCount;
// shapeBatch.flush();
// vertexCount = 0;
// }
//
// vertexOffset = vertexDataBuffer.allocate(9 * 6);
// vertexCount += 6;
//
// x0 = last[2 * 2 + 0] - cameraScrollX;
// y0 = last[2 * 2 + 1] - cameraScrollY;
// x1 = last[2 * 0 + 0] - cameraScrollX;
// y1 = last[2 * 0 + 1] - cameraScrollY;
// x2 = curr[2 * 3 + 0] - cameraScrollX;
// y2 = curr[2 * 3 + 1] - cameraScrollY;
//
// vertexBufferF32[vertexOffset++] = x0;
// vertexBufferF32[vertexOffset++] = y0;
// vertexBufferU32[vertexOffset++] = lineColor;
// vertexBufferF32[vertexOffset++] = lineAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// vertexBufferF32[vertexOffset++] = x1;
// vertexBufferF32[vertexOffset++] = y1;
// vertexBufferU32[vertexOffset++] = lineColor;
// vertexBufferF32[vertexOffset++] = lineAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// vertexBufferF32[vertexOffset++] = x2;
// vertexBufferF32[vertexOffset++] = y2;
// vertexBufferU32[vertexOffset++] = lineColor;
// vertexBufferF32[vertexOffset++] = lineAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// x0 = last[2 * 0 + 0] - cameraScrollX;
// y0 = last[2 * 0 + 1] - cameraScrollY;
// x1 = last[2 * 2 + 0] - cameraScrollX;
// y1 = last[2 * 2 + 1] - cameraScrollY;
// x2 = curr[2 * 1 + 0] - cameraScrollX;
// y2 = curr[2 * 1 + 1] - cameraScrollY;
//
// vertexBufferF32[vertexOffset++] = x0;
// vertexBufferF32[vertexOffset++] = y0;
// vertexBufferU32[vertexOffset++] = lineColor;
// vertexBufferF32[vertexOffset++] = lineAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// vertexBufferF32[vertexOffset++] = x1;
// vertexBufferF32[vertexOffset++] = y1;
// vertexBufferU32[vertexOffset++] = lineColor;
// vertexBufferF32[vertexOffset++] = lineAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// vertexBufferF32[vertexOffset++] = x2;
// vertexBufferF32[vertexOffset++] = y2;
// vertexBufferU32[vertexOffset++] = lineColor;
// vertexBufferF32[vertexOffset++] = lineAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// vertexCount += 6;
// }
// }
// else
// {
// for (index = 0, length = polylines.length; index < length; ++index)
// {
// last = polylines[index - 1] || polylines[polylines.length - 1];
// curr = polylines[index];
//
// if (vertexCount + 6 > maxVertices)
// {
// shapeBatch.vertexCount = vertexCount;
// shapeBatch.flush();
// vertexCount = 0;
// }
//
// vertexOffset = vertexDataBuffer.allocate(9 * 6);
// vertexCount += 6;
//
// x0 = last[2 * 2 + 0] - cameraScrollX;
// y0 = last[2 * 2 + 1] - cameraScrollY;
// x1 = last[2 * 0 + 0] - cameraScrollX;
// y1 = last[2 * 0 + 1] - cameraScrollY;
// x2 = curr[2 * 3 + 0] - cameraScrollX;
// y2 = curr[2 * 3 + 1] - cameraScrollY;
//
// vertexBufferF32[vertexOffset++] = x0;
// vertexBufferF32[vertexOffset++] = y0;
// vertexBufferU32[vertexOffset++] = lineColor;
// vertexBufferF32[vertexOffset++] = lineAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// vertexBufferF32[vertexOffset++] = x1;
// vertexBufferF32[vertexOffset++] = y1;
// vertexBufferU32[vertexOffset++] = lineColor;
// vertexBufferF32[vertexOffset++] = lineAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// vertexBufferF32[vertexOffset++] = x2;
// vertexBufferF32[vertexOffset++] = y2;
// vertexBufferU32[vertexOffset++] = lineColor;
// vertexBufferF32[vertexOffset++] = lineAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// x0 = last[2 * 0 + 0] - cameraScrollX;
// y0 = last[2 * 0 + 1] - cameraScrollY;
// x1 = last[2 * 2 + 0] - cameraScrollX;
// y1 = last[2 * 2 + 1] - cameraScrollY;
// x2 = curr[2 * 1 + 0] - cameraScrollX;
// y2 = curr[2 * 1 + 1] - cameraScrollY;
//
// vertexBufferF32[vertexOffset++] = x0;
// vertexBufferF32[vertexOffset++] = y0;
// vertexBufferU32[vertexOffset++] = lineColor;
// vertexBufferF32[vertexOffset++] = lineAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// vertexBufferF32[vertexOffset++] = x1;
// vertexBufferF32[vertexOffset++] = y1;
// vertexBufferU32[vertexOffset++] = lineColor;
// vertexBufferF32[vertexOffset++] = lineAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// vertexBufferF32[vertexOffset++] = x2;
// vertexBufferF32[vertexOffset++] = y2;
// vertexBufferU32[vertexOffset++] = lineColor;
// vertexBufferF32[vertexOffset++] = lineAlpha;
// vertexBufferF32[vertexOffset++] = srcX;
// vertexBufferF32[vertexOffset++] = srcY;
// vertexBufferF32[vertexOffset++] = srcScaleX;
// vertexBufferF32[vertexOffset++] = srcScaleY;
// vertexBufferF32[vertexOffset++] = srcRotation;
//
// vertexCount += 6;
// }
// }
// polylines.length = 0;
// }
// break;
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
case Commands.FILL_RECT:
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
shapeBatch.addFillRect(
/* Graphics Game Object Properties */
srcX, srcY, srcScaleX, srcScaleY, srcRotation,
/* Rectangle properties */
commandBuffer[cmdIndex + 1] - cameraScrollX,
commandBuffer[cmdIndex + 2] - cameraScrollY,
commandBuffer[cmdIndex + 3],
commandBuffer[cmdIndex + 4],
fillColor,
fillAlpha,
/* Transform */
mva, mvb, mvc, mvd, mve, mvf
);
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
cmdIndex += 4;
break;
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
case Commands.LINE_TO:
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
if (lastPath !== null)
{
lastPath.points.push(new Point(commandBuffer[cmdIndex + 1], commandBuffer[cmdIndex + 2]));
}
else
{
lastPath = new Path(commandBuffer[cmdIndex + 1], commandBuffer[cmdIndex + 2]);
pathArray.push(lastPath);
}
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
cmdIndex += 2;
break;
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
case Commands.MOVE_TO:
Fixed transform issue when dealing with camera transforms
2017-03-06 18:13:39 +00:00
lastPath = new Path(commandBuffer[cmdIndex + 1], commandBuffer[cmdIndex + 2]);
pathArray.push(lastPath);
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
cmdIndex += 2;
break;
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
default:
console.error('Phaser: Invalid Graphics Command ID ' + cmd);
break;
}
}
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
Fill canvas rendering on WebGL for Graphics GO
2017-03-01 21:08:10 +00:00
pathArray.length = 0;
Swapped to using the math const and tidied up eslint errors.
2017-03-02 02:06:37 +00:00
};
Graphics Game Object base
2017-02-28 14:49:39 +00:00
module.exports = GraphicsWebGLRenderer;
Reference in a new issue Copy permalink