Mirrors/phaser
2
0
Fork 0
mirror of https://github.com/photonstorm/phaser synced 2024-11-27 07:01:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

Backface cull can be enabled per type

Browse source
This commit is contained in:
Richard Davey 2017-12-15 04:08:55 +00:00
parent d999151d30
commit b4dcbc428f
1 changed files with 50 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
v3/src/geom/mesh/Mesh.js
View file

@ -26,7 +26,8 @@ var Mesh = new Class({
this.fillColor = 0x00ff00;
this.fillAlpha = 1;
this.backfaceCull = true;
this.backfaceCullStroke = false;
this.backfaceCullFill = false;
this.points = [];
@ -58,6 +59,8 @@ var Mesh = new Class({
graphics.fillStyle(this.fillColor, this.fillAlpha);
// Depth Sort
for (var m = 0; m < this.data.models.length; m++)
{
var model = this.data.models[m];
@ -77,6 +80,18 @@ var Mesh = new Class({
}
}
// if (f % 2)
// {
// graphics.fillStyle(0xff0000, this.fillAlpha);
// }
// else
// {
// graphics.fillStyle(0xffffff, this.fillAlpha);
// }
},
fillTriangle: function (graphics, face)
@ -92,7 +107,7 @@ var Mesh = new Class({
this.project(graphics, b, verts[face.vertices[1].vertexIndex], world);
this.project(graphics, c, verts[face.vertices[2].vertexIndex], world);
if (this.backfaceCull && !this.isBackFacing(a, b, c))
if (!this.backfaceCullFill || (this.backfaceCullFill && !this.isBackFaceTriangle(a, b, c)))
{
graphics.fillTriangle(a.x, a.y, b.x, b.y, c.x, c.y);
}
@ -112,7 +127,10 @@ var Mesh = new Class({
this.project(graphics, points[i], verts[face.vertices[i].vertexIndex], world);
}
graphics.fillPoints(points, true, size);
if (!this.backfaceCullFill || (this.backfaceCullFill && this.isBackFacePoly(points, size)))
{
graphics.fillPoints(points, true, size);
}
},
stroke: function (graphics)
@ -159,7 +177,7 @@ var Mesh = new Class({
this.project(graphics, b, verts[face.vertices[1].vertexIndex], world);
this.project(graphics, c, verts[face.vertices[2].vertexIndex], world);
if (this.backfaceCull && !this.isBackFacing(a, b, c))
if (!this.backfaceCullStroke || (this.backfaceCullStroke && !this.isBackFaceTriangle(a, b, c)))
{
graphics.strokeTriangle(a.x, a.y, b.x, b.y, c.x, c.y);
}
@ -179,7 +197,10 @@ var Mesh = new Class({
this.project(graphics, points[i], verts[face.vertices[i].vertexIndex], world);
}
graphics.strokePoints(points, true, size);
if (!this.backfaceCullStroke || (this.backfaceCullStroke && this.isBackFacePoly(points, size)))
{
graphics.strokePoints(points, true, size);
}
},
// local is a Vec2 that is changed in place (so not returned)
@ -198,7 +219,7 @@ var Mesh = new Class({
local.y = -point.y * h + h / 2 >> 0;
},
isBackFacing: function (a, b, c)
isBackFaceTriangle: function (a, b, c)
{
var ax = c.x - a.x;
var ay = c.y - a.y;
@ -211,6 +232,29 @@ var Mesh = new Class({
return (result >= 0);
},
isBackFacePoly: function (points, endIndex)
{
var area = 0;
for (var i = 0; i < endIndex; i++)
{
j = (i + 1) % endIndex;
area += points[i].x * points[j].y;
area -= points[j].x * points[i].y;
}
return (area / 2);
},
setBackfaceCull: function (stroke, fill)
{
this.backfaceCullStroke = stroke;
this.backfaceCullFill = fill;
return this;
},
setPosition: function (x, y, z)
{
if (x === undefined) { x = 0; }