UnityMirror/spine-runtimes
1
0
Fork 0
mirror of https://github.com/EsotericSoftware/spine-runtimes.git synced 2026-03-26 22:49:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ts] Fixed SkeletonDebugRenderer, fixed memory allocations in SkeletonRenderer

Browse Source
This commit is contained in:
badlogic 2017-01-26 16:21:08 +01:00
parent 8f99571185
commit 7b463b1336
9 changed files with 75 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
spine-ts/build/spine-all.d.ts vendored
View File

@ -1508,6 +1508,7 @@ declare module spine.webgl {
private gl; private gl;
private bounds; private bounds;
private temp; private temp;
private vertices;
private static LIGHT_GRAY; private static LIGHT_GRAY;
private static GREEN; private static GREEN;
constructor(gl: WebGLRenderingContext); constructor(gl: WebGLRenderingContext);
@ -1522,6 +1523,7 @@ declare module spine.webgl {
premultipliedAlpha: boolean; premultipliedAlpha: boolean;
private gl; private gl;
private tempColor; private tempColor;
private vertices;
constructor(gl: WebGLRenderingContext); constructor(gl: WebGLRenderingContext);
draw(batcher: PolygonBatcher, skeleton: Skeleton): void; draw(batcher: PolygonBatcher, skeleton: Skeleton): void;
computeRegionVertices(slot: Slot, region: RegionAttachment, pma: boolean): ArrayLike<number>; computeRegionVertices(slot: Slot, region: RegionAttachment, pma: boolean): ArrayLike<number>;

38
spine-ts/build/spine-all.js
View File

@ -793,7 +793,7 @@ var spine;
this.frames = spine.Utils.newFloatArray(frameCount * TwoColorTimeline.ENTRIES); this.frames = spine.Utils.newFloatArray(frameCount * TwoColorTimeline.ENTRIES);
} }
TwoColorTimeline.prototype.getPropertyId = function () { TwoColorTimeline.prototype.getPropertyId = function () {
return (TimelineType.color << 24) + this.slotIndex; return (TimelineType.twoColor << 24) + this.slotIndex;
}; };
TwoColorTimeline.prototype.setFrame = function (frameIndex, time, r, g, b, a, r2, g2, b2) { TwoColorTimeline.prototype.setFrame = function (frameIndex, time, r, g, b, a, r2, g2, b2) {
frameIndex *= TwoColorTimeline.ENTRIES; frameIndex *= TwoColorTimeline.ENTRIES;
@ -7773,6 +7773,7 @@ var spine;
this.boneWidth = 2; this.boneWidth = 2;
this.bounds = new spine.SkeletonBounds(); this.bounds = new spine.SkeletonBounds();
this.temp = new Array(); this.temp = new Array();
this.vertices = spine.Utils.newFloatArray(webgl.SkeletonRenderer.VERTEX_SIZE * 1024);
this.gl = gl; this.gl = gl;
} }
SkeletonDebugRenderer.prototype.draw = function (shapes, skeleton, ignoredBones) { SkeletonDebugRenderer.prototype.draw = function (shapes, skeleton, ignoredBones) {
@ -7806,11 +7807,12 @@ var spine;
var attachment = slot.getAttachment(); var attachment = slot.getAttachment();
if (attachment instanceof spine.RegionAttachment) { if (attachment instanceof spine.RegionAttachment) {
var regionAttachment = attachment; var regionAttachment = attachment;
var vertices = regionAttachment.updateWorldVertices(slot, false); var vertices = this.vertices;
shapes.line(vertices[spine.RegionAttachment.X1], vertices[spine.RegionAttachment.Y1], vertices[spine.RegionAttachment.X2], vertices[spine.RegionAttachment.Y2]); regionAttachment.computeWorldVertices(slot.bone, vertices, 0, 2);
shapes.line(vertices[spine.RegionAttachment.X2], vertices[spine.RegionAttachment.Y2], vertices[spine.RegionAttachment.X3], vertices[spine.RegionAttachment.Y3]); shapes.line(vertices[0], vertices[1], vertices[2], vertices[3]);
shapes.line(vertices[spine.RegionAttachment.X3], vertices[spine.RegionAttachment.Y3], vertices[spine.RegionAttachment.X4], vertices[spine.RegionAttachment.Y4]); shapes.line(vertices[2], vertices[3], vertices[4], vertices[5]);
shapes.line(vertices[spine.RegionAttachment.X4], vertices[spine.RegionAttachment.Y4], vertices[spine.RegionAttachment.X1], vertices[spine.RegionAttachment.Y1]); shapes.line(vertices[4], vertices[5], vertices[6], vertices[7]);
shapes.line(vertices[6], vertices[7], vertices[0], vertices[1]);
} }
} }
} }
@ -7822,22 +7824,22 @@ var spine;
if (!(attachment instanceof spine.MeshAttachment)) if (!(attachment instanceof spine.MeshAttachment))
continue; continue;
var mesh = attachment; var mesh = attachment;
mesh.updateWorldVertices(slot, false); var vertices = this.vertices;
var vertices = mesh.worldVertices; mesh.computeWorldVertices(slot, 0, mesh.worldVerticesLength, vertices, 0, 2);
var triangles = mesh.triangles; var triangles = mesh.triangles;
var hullLength = mesh.hullLength; var hullLength = mesh.hullLength;
if (this.drawMeshTriangles) { if (this.drawMeshTriangles) {
shapes.setColor(this.triangleLineColor); shapes.setColor(this.triangleLineColor);
for (var ii = 0, nn = triangles.length; ii < nn; ii += 3) { for (var ii = 0, nn = triangles.length; ii < nn; ii += 3) {
var v1 = triangles[ii] * 8, v2 = triangles[ii + 1] * 8, v3 = triangles[ii + 2] * 8; var v1 = triangles[ii] * 2, v2 = triangles[ii + 1] * 2, v3 = triangles[ii + 2] * 2;
shapes.triangle(false, vertices[v1], vertices[v1 + 1], vertices[v2], vertices[v2 + 1], vertices[v3], vertices[v3 + 1]); shapes.triangle(false, vertices[v1], vertices[v1 + 1], vertices[v2], vertices[v2 + 1], vertices[v3], vertices[v3 + 1]);
} }
} }
if (this.drawMeshHull && hullLength > 0) { if (this.drawMeshHull && hullLength > 0) {
shapes.setColor(this.attachmentLineColor); shapes.setColor(this.attachmentLineColor);
hullLength = (hullLength >> 1) * 8; hullLength = (hullLength >> 1) * 2;
var lastX = vertices[hullLength - 8], lastY = vertices[hullLength - 7]; var lastX = vertices[hullLength - 2], lastY = vertices[hullLength - 1];
for (var ii = 0, nn = hullLength; ii < nn; ii += 8) { for (var ii = 0, nn = hullLength; ii < nn; ii += 2) {
var x = vertices[ii], y = vertices[ii + 1]; var x = vertices[ii], y = vertices[ii + 1];
shapes.line(x, y, lastX, lastY); shapes.line(x, y, lastX, lastY);
lastX = x; lastX = x;
@ -7869,7 +7871,7 @@ var spine;
var path = attachment; var path = attachment;
var nn = path.worldVerticesLength; var nn = path.worldVerticesLength;
var world = this.temp = spine.Utils.setArraySize(this.temp, nn, 0); var world = this.temp = spine.Utils.setArraySize(this.temp, nn, 0);
path.computeWorldVertices(slot, world); path.computeWorldVertices(slot, 0, nn, world, 0, 2);
var color = this.pathColor; var color = this.pathColor;
var x1 = world[2], y1 = world[3], x2 = 0, y2 = 0; var x1 = world[2], y1 = world[3], x2 = 0, y2 = 0;
if (path.closed) { if (path.closed) {
@ -7924,6 +7926,7 @@ var spine;
function SkeletonRenderer(gl) { function SkeletonRenderer(gl) {
this.premultipliedAlpha = false; this.premultipliedAlpha = false;
this.tempColor = new spine.Color(); this.tempColor = new spine.Color();
this.vertices = spine.Utils.newFloatArray(SkeletonRenderer.VERTEX_SIZE * 1024);
this.gl = gl; this.gl = gl;
} }
SkeletonRenderer.prototype.draw = function (batcher, skeleton) { SkeletonRenderer.prototype.draw = function (batcher, skeleton) {
@ -7969,8 +7972,8 @@ var spine;
var multiplier = pma ? alpha : 1; var multiplier = pma ? alpha : 1;
var color = this.tempColor; var color = this.tempColor;
color.set(skeletonColor.r * slotColor.r * regionColor.r * multiplier, skeletonColor.g * slotColor.g * regionColor.g * multiplier, skeletonColor.b * slotColor.b * regionColor.b * multiplier, alpha); color.set(skeletonColor.r * slotColor.r * regionColor.r * multiplier, skeletonColor.g * slotColor.g * regionColor.g * multiplier, skeletonColor.b * slotColor.b * regionColor.b * multiplier, alpha);
var vertices = spine.Utils.newFloatArray(4 * SkeletonRenderer.VERTEX_SIZE); region.computeWorldVertices(slot.bone, this.vertices, 0, SkeletonRenderer.VERTEX_SIZE);
region.computeWorldVertices(slot.bone, vertices, 0, SkeletonRenderer.VERTEX_SIZE); var vertices = this.vertices;
var uvs = region.uvs; var uvs = region.uvs;
vertices[spine.RegionAttachment.C1R] = color.r; vertices[spine.RegionAttachment.C1R] = color.r;
vertices[spine.RegionAttachment.C1G] = color.g; vertices[spine.RegionAttachment.C1G] = color.g;
@ -8008,7 +8011,10 @@ var spine;
var color = this.tempColor; var color = this.tempColor;
color.set(skeletonColor.r * slotColor.r * regionColor.r * multiplier, skeletonColor.g * slotColor.g * regionColor.g * multiplier, skeletonColor.b * slotColor.b * regionColor.b * multiplier, alpha); color.set(skeletonColor.r * slotColor.r * regionColor.r * multiplier, skeletonColor.g * slotColor.g * regionColor.g * multiplier, skeletonColor.b * slotColor.b * regionColor.b * multiplier, alpha);
var numVertices = mesh.worldVerticesLength / 2; var numVertices = mesh.worldVerticesLength / 2;
var vertices = spine.Utils.newFloatArray(numVertices * SkeletonRenderer.VERTEX_SIZE); if (this.vertices.length < mesh.worldVerticesLength) {
this.vertices = spine.Utils.newFloatArray(mesh.worldVerticesLength);
}
var vertices = this.vertices;
mesh.computeWorldVertices(slot, 0, mesh.worldVerticesLength, vertices, 0, SkeletonRenderer.VERTEX_SIZE); mesh.computeWorldVertices(slot, 0, mesh.worldVerticesLength, vertices, 0, SkeletonRenderer.VERTEX_SIZE);
var uvs = mesh.uvs; var uvs = mesh.uvs;
for (var i = 0, n = numVertices, u = 0, v = 2; i < n; i++) { for (var i = 0, n = numVertices, u = 0, v = 2; i < n; i++) {

2
spine-ts/build/spine-all.js.map
View File

File diff suppressed because one or more lines are too long

2
spine-ts/build/spine-webgl.d.ts vendored
View File

@ -1438,6 +1438,7 @@ declare module spine.webgl {
private gl; private gl;
private bounds; private bounds;
private temp; private temp;
private vertices;
private static LIGHT_GRAY; private static LIGHT_GRAY;
private static GREEN; private static GREEN;
constructor(gl: WebGLRenderingContext); constructor(gl: WebGLRenderingContext);
@ -1452,6 +1453,7 @@ declare module spine.webgl {
premultipliedAlpha: boolean; premultipliedAlpha: boolean;
private gl; private gl;
private tempColor; private tempColor;
private vertices;
constructor(gl: WebGLRenderingContext); constructor(gl: WebGLRenderingContext);
draw(batcher: PolygonBatcher, skeleton: Skeleton): void; draw(batcher: PolygonBatcher, skeleton: Skeleton): void;
computeRegionVertices(slot: Slot, region: RegionAttachment, pma: boolean): ArrayLike<number>; computeRegionVertices(slot: Slot, region: RegionAttachment, pma: boolean): ArrayLike<number>;

36
spine-ts/build/spine-webgl.js
View File

@ -7352,6 +7352,7 @@ var spine;
this.boneWidth = 2; this.boneWidth = 2;
this.bounds = new spine.SkeletonBounds(); this.bounds = new spine.SkeletonBounds();
this.temp = new Array(); this.temp = new Array();
this.vertices = spine.Utils.newFloatArray(webgl.SkeletonRenderer.VERTEX_SIZE * 1024);
this.gl = gl; this.gl = gl;
} }
SkeletonDebugRenderer.prototype.draw = function (shapes, skeleton, ignoredBones) { SkeletonDebugRenderer.prototype.draw = function (shapes, skeleton, ignoredBones) {
@ -7385,11 +7386,12 @@ var spine;
var attachment = slot.getAttachment(); var attachment = slot.getAttachment();
if (attachment instanceof spine.RegionAttachment) { if (attachment instanceof spine.RegionAttachment) {
var regionAttachment = attachment; var regionAttachment = attachment;
var vertices = regionAttachment.updateWorldVertices(slot, false); var vertices = this.vertices;
shapes.line(vertices[spine.RegionAttachment.X1], vertices[spine.RegionAttachment.Y1], vertices[spine.RegionAttachment.X2], vertices[spine.RegionAttachment.Y2]); regionAttachment.computeWorldVertices(slot.bone, vertices, 0, 2);
shapes.line(vertices[spine.RegionAttachment.X2], vertices[spine.RegionAttachment.Y2], vertices[spine.RegionAttachment.X3], vertices[spine.RegionAttachment.Y3]); shapes.line(vertices[0], vertices[1], vertices[2], vertices[3]);
shapes.line(vertices[spine.RegionAttachment.X3], vertices[spine.RegionAttachment.Y3], vertices[spine.RegionAttachment.X4], vertices[spine.RegionAttachment.Y4]); shapes.line(vertices[2], vertices[3], vertices[4], vertices[5]);
shapes.line(vertices[spine.RegionAttachment.X4], vertices[spine.RegionAttachment.Y4], vertices[spine.RegionAttachment.X1], vertices[spine.RegionAttachment.Y1]); shapes.line(vertices[4], vertices[5], vertices[6], vertices[7]);
shapes.line(vertices[6], vertices[7], vertices[0], vertices[1]);
} }
} }
} }
@ -7401,22 +7403,22 @@ var spine;
if (!(attachment instanceof spine.MeshAttachment)) if (!(attachment instanceof spine.MeshAttachment))
continue; continue;
var mesh = attachment; var mesh = attachment;
mesh.updateWorldVertices(slot, false); var vertices = this.vertices;
var vertices = mesh.worldVertices; mesh.computeWorldVertices(slot, 0, mesh.worldVerticesLength, vertices, 0, 2);
var triangles = mesh.triangles; var triangles = mesh.triangles;
var hullLength = mesh.hullLength; var hullLength = mesh.hullLength;
if (this.drawMeshTriangles) { if (this.drawMeshTriangles) {
shapes.setColor(this.triangleLineColor); shapes.setColor(this.triangleLineColor);
for (var ii = 0, nn = triangles.length; ii < nn; ii += 3) { for (var ii = 0, nn = triangles.length; ii < nn; ii += 3) {
var v1 = triangles[ii] * 8, v2 = triangles[ii + 1] * 8, v3 = triangles[ii + 2] * 8; var v1 = triangles[ii] * 2, v2 = triangles[ii + 1] * 2, v3 = triangles[ii + 2] * 2;
shapes.triangle(false, vertices[v1], vertices[v1 + 1], vertices[v2], vertices[v2 + 1], vertices[v3], vertices[v3 + 1]); shapes.triangle(false, vertices[v1], vertices[v1 + 1], vertices[v2], vertices[v2 + 1], vertices[v3], vertices[v3 + 1]);
} }
} }
if (this.drawMeshHull && hullLength > 0) { if (this.drawMeshHull && hullLength > 0) {
shapes.setColor(this.attachmentLineColor); shapes.setColor(this.attachmentLineColor);
hullLength = (hullLength >> 1) * 8; hullLength = (hullLength >> 1) * 2;
var lastX = vertices[hullLength - 8], lastY = vertices[hullLength - 7]; var lastX = vertices[hullLength - 2], lastY = vertices[hullLength - 1];
for (var ii = 0, nn = hullLength; ii < nn; ii += 8) { for (var ii = 0, nn = hullLength; ii < nn; ii += 2) {
var x = vertices[ii], y = vertices[ii + 1]; var x = vertices[ii], y = vertices[ii + 1];
shapes.line(x, y, lastX, lastY); shapes.line(x, y, lastX, lastY);
lastX = x; lastX = x;
@ -7448,7 +7450,7 @@ var spine;
var path = attachment; var path = attachment;
var nn = path.worldVerticesLength; var nn = path.worldVerticesLength;
var world = this.temp = spine.Utils.setArraySize(this.temp, nn, 0); var world = this.temp = spine.Utils.setArraySize(this.temp, nn, 0);
path.computeWorldVertices(slot, world); path.computeWorldVertices(slot, 0, nn, world, 0, 2);
var color = this.pathColor; var color = this.pathColor;
var x1 = world[2], y1 = world[3], x2 = 0, y2 = 0; var x1 = world[2], y1 = world[3], x2 = 0, y2 = 0;
if (path.closed) { if (path.closed) {
@ -7503,6 +7505,7 @@ var spine;
function SkeletonRenderer(gl) { function SkeletonRenderer(gl) {
this.premultipliedAlpha = false; this.premultipliedAlpha = false;
this.tempColor = new spine.Color(); this.tempColor = new spine.Color();
this.vertices = spine.Utils.newFloatArray(SkeletonRenderer.VERTEX_SIZE * 1024);
this.gl = gl; this.gl = gl;
} }
SkeletonRenderer.prototype.draw = function (batcher, skeleton) { SkeletonRenderer.prototype.draw = function (batcher, skeleton) {
@ -7548,8 +7551,8 @@ var spine;
var multiplier = pma ? alpha : 1; var multiplier = pma ? alpha : 1;
var color = this.tempColor; var color = this.tempColor;
color.set(skeletonColor.r * slotColor.r * regionColor.r * multiplier, skeletonColor.g * slotColor.g * regionColor.g * multiplier, skeletonColor.b * slotColor.b * regionColor.b * multiplier, alpha); color.set(skeletonColor.r * slotColor.r * regionColor.r * multiplier, skeletonColor.g * slotColor.g * regionColor.g * multiplier, skeletonColor.b * slotColor.b * regionColor.b * multiplier, alpha);
var vertices = spine.Utils.newFloatArray(4 * SkeletonRenderer.VERTEX_SIZE); region.computeWorldVertices(slot.bone, this.vertices, 0, SkeletonRenderer.VERTEX_SIZE);
region.computeWorldVertices(slot.bone, vertices, 0, SkeletonRenderer.VERTEX_SIZE); var vertices = this.vertices;
var uvs = region.uvs; var uvs = region.uvs;
vertices[spine.RegionAttachment.C1R] = color.r; vertices[spine.RegionAttachment.C1R] = color.r;
vertices[spine.RegionAttachment.C1G] = color.g; vertices[spine.RegionAttachment.C1G] = color.g;
@ -7587,7 +7590,10 @@ var spine;
var color = this.tempColor; var color = this.tempColor;
color.set(skeletonColor.r * slotColor.r * regionColor.r * multiplier, skeletonColor.g * slotColor.g * regionColor.g * multiplier, skeletonColor.b * slotColor.b * regionColor.b * multiplier, alpha); color.set(skeletonColor.r * slotColor.r * regionColor.r * multiplier, skeletonColor.g * slotColor.g * regionColor.g * multiplier, skeletonColor.b * slotColor.b * regionColor.b * multiplier, alpha);
var numVertices = mesh.worldVerticesLength / 2; var numVertices = mesh.worldVerticesLength / 2;
var vertices = spine.Utils.newFloatArray(numVertices * SkeletonRenderer.VERTEX_SIZE); if (this.vertices.length < mesh.worldVerticesLength) {
this.vertices = spine.Utils.newFloatArray(mesh.worldVerticesLength);
}
var vertices = this.vertices;
mesh.computeWorldVertices(slot, 0, mesh.worldVerticesLength, vertices, 0, SkeletonRenderer.VERTEX_SIZE); mesh.computeWorldVertices(slot, 0, mesh.worldVerticesLength, vertices, 0, SkeletonRenderer.VERTEX_SIZE);
var uvs = mesh.uvs; var uvs = mesh.uvs;
for (var i = 0, n = numVertices, u = 0, v = 2; i < n; i++) { for (var i = 0, n = numVertices, u = 0, v = 2; i < n; i++) {

2
spine-ts/build/spine-webgl.js.map
View File

File diff suppressed because one or more lines are too long

10
spine-ts/webgl/example/index.html
View File

@ -46,11 +46,11 @@ function init () {
mvp.ortho2d(0, 0, canvas.width - 1, canvas.height - 1); mvp.ortho2d(0, 0, canvas.width - 1, canvas.height - 1);
skeletonRenderer = new spine.webgl.SkeletonRenderer(gl); skeletonRenderer = new spine.webgl.SkeletonRenderer(gl);
debugRenderer = new spine.webgl.SkeletonDebugRenderer(gl); debugRenderer = new spine.webgl.SkeletonDebugRenderer(gl);
debugRenderer.drawRegionAttachments = false; debugRenderer.drawRegionAttachments = true;
debugRenderer.drawBoundingBoxes = false; debugRenderer.drawBoundingBoxes = true;
debugRenderer.drawMeshHull = false; debugRenderer.drawMeshHull = true;
debugRenderer.drawMeshTriangles = false; debugRenderer.drawMeshTriangles = true;
debugRenderer.drawPaths = false; debugRenderer.drawPaths = true;
debugShader = spine.webgl.Shader.newColored(gl); debugShader = spine.webgl.Shader.newColored(gl);
shapes = new spine.webgl.ShapeRenderer(gl); shapes = new spine.webgl.ShapeRenderer(gl);
assetManager = new spine.webgl.AssetManager(gl); assetManager = new spine.webgl.AssetManager(gl);

26
spine-ts/webgl/src/SkeletonDebugRenderer.ts
View File

@ -50,6 +50,7 @@ module spine.webgl {
private gl: WebGLRenderingContext; private gl: WebGLRenderingContext;
private bounds = new SkeletonBounds(); private bounds = new SkeletonBounds();
private temp = new Array<number>(); private temp = new Array<number>();
private vertices = Utils.newFloatArray(SkeletonRenderer.VERTEX_SIZE * 1024);
private static LIGHT_GRAY = new Color(192 / 255, 192 / 255, 192 / 255, 1); private static LIGHT_GRAY = new Color(192 / 255, 192 / 255, 192 / 255, 1);
private static GREEN = new Color(0, 1, 0, 1); private static GREEN = new Color(0, 1, 0, 1);
@ -86,11 +87,12 @@ module spine.webgl {
let attachment = slot.getAttachment(); let attachment = slot.getAttachment();
if (attachment instanceof RegionAttachment) { if (attachment instanceof RegionAttachment) {
let regionAttachment = <RegionAttachment>attachment; let regionAttachment = <RegionAttachment>attachment;
let vertices = regionAttachment.updateWorldVertices(slot, false); let vertices = this.vertices;
shapes.line(vertices[RegionAttachment.X1], vertices[RegionAttachment.Y1], vertices[RegionAttachment.X2], vertices[RegionAttachment.Y2]); regionAttachment.computeWorldVertices(slot.bone, vertices, 0, 2);
shapes.line(vertices[RegionAttachment.X2], vertices[RegionAttachment.Y2], vertices[RegionAttachment.X3], vertices[RegionAttachment.Y3]); shapes.line(vertices[0], vertices[1], vertices[2], vertices[3]);
shapes.line(vertices[RegionAttachment.X3], vertices[RegionAttachment.Y3], vertices[RegionAttachment.X4], vertices[RegionAttachment.Y4]); shapes.line(vertices[2], vertices[3], vertices[4], vertices[5]);
shapes.line(vertices[RegionAttachment.X4], vertices[RegionAttachment.Y4], vertices[RegionAttachment.X1], vertices[RegionAttachment.Y1]); shapes.line(vertices[4], vertices[5], vertices[6], vertices[7]);
shapes.line(vertices[6], vertices[7], vertices[0], vertices[1]);
} }
} }
} }
@ -102,14 +104,14 @@ module spine.webgl {
let attachment = slot.getAttachment(); let attachment = slot.getAttachment();
if (!(attachment instanceof MeshAttachment)) continue; if (!(attachment instanceof MeshAttachment)) continue;
let mesh = <MeshAttachment>attachment; let mesh = <MeshAttachment>attachment;
mesh.updateWorldVertices(slot, false); let vertices = this.vertices;
let vertices = mesh.worldVertices; mesh.computeWorldVertices(slot, 0, mesh.worldVerticesLength, vertices, 0, 2);
let triangles = mesh.triangles; let triangles = mesh.triangles;
let hullLength = mesh.hullLength; let hullLength = mesh.hullLength;
if (this.drawMeshTriangles) { if (this.drawMeshTriangles) {
shapes.setColor(this.triangleLineColor); shapes.setColor(this.triangleLineColor);
for (let ii = 0, nn = triangles.length; ii < nn; ii += 3) { for (let ii = 0, nn = triangles.length; ii < nn; ii += 3) {
let v1 = triangles[ii] * 8, v2 = triangles[ii + 1] * 8, v3 = triangles[ii + 2] * 8; let v1 = triangles[ii] * 2, v2 = triangles[ii + 1] * 2, v3 = triangles[ii + 2] * 2;
shapes.triangle(false, vertices[v1], vertices[v1 + 1], // shapes.triangle(false, vertices[v1], vertices[v1 + 1], //
vertices[v2], vertices[v2 + 1], // vertices[v2], vertices[v2 + 1], //
vertices[v3], vertices[v3 + 1] // vertices[v3], vertices[v3 + 1] //
@ -118,9 +120,9 @@ module spine.webgl {
} }
if (this.drawMeshHull && hullLength > 0) { if (this.drawMeshHull && hullLength > 0) {
shapes.setColor(this.attachmentLineColor); shapes.setColor(this.attachmentLineColor);
hullLength = (hullLength >> 1) * 8; hullLength = (hullLength >> 1) * 2;
let lastX = vertices[hullLength - 8], lastY = vertices[hullLength - 7]; let lastX = vertices[hullLength - 2], lastY = vertices[hullLength - 1];
for (let ii = 0, nn = hullLength; ii < nn; ii += 8) { for (let ii = 0, nn = hullLength; ii < nn; ii += 2) {
let x = vertices[ii], y = vertices[ii + 1]; let x = vertices[ii], y = vertices[ii + 1];
shapes.line(x, y, lastX, lastY); shapes.line(x, y, lastX, lastY);
lastX = x; lastX = x;
@ -153,7 +155,7 @@ module spine.webgl {
let path = <PathAttachment>attachment; let path = <PathAttachment>attachment;
let nn = path.worldVerticesLength; let nn = path.worldVerticesLength;
let world = this.temp = Utils.setArraySize(this.temp, nn, 0); let world = this.temp = Utils.setArraySize(this.temp, nn, 0);
path.computeWorldVertices(slot, world); path.computeWorldVertices(slot, 0, nn, world, 0, 2);
let color = this.pathColor; let color = this.pathColor;
let x1 = world[2], y1 = world[3], x2 = 0, y2 = 0; let x1 = world[2], y1 = world[3], x2 = 0, y2 = 0;
if (path.closed) { if (path.closed) {

10
spine-ts/webgl/src/SkeletonRenderer.ts
View File

@ -36,6 +36,7 @@ module spine.webgl {
premultipliedAlpha = false; premultipliedAlpha = false;
private gl: WebGLRenderingContext; private gl: WebGLRenderingContext;
private tempColor = new Color(); private tempColor = new Color();
private vertices = Utils.newFloatArray(SkeletonRenderer.VERTEX_SIZE * 1024);
constructor (gl: WebGLRenderingContext) { constructor (gl: WebGLRenderingContext) {
this.gl = gl; this.gl = gl;
@ -89,9 +90,9 @@ module spine.webgl {
skeletonColor.b * slotColor.b * regionColor.b * multiplier, skeletonColor.b * slotColor.b * regionColor.b * multiplier,
alpha); alpha);
let vertices = Utils.newFloatArray(4 * SkeletonRenderer.VERTEX_SIZE); region.computeWorldVertices(slot.bone, this.vertices, 0, SkeletonRenderer.VERTEX_SIZE);
region.computeWorldVertices(slot.bone, vertices, 0, SkeletonRenderer.VERTEX_SIZE);
let vertices = this.vertices;
let uvs = region.uvs; let uvs = region.uvs;
vertices[RegionAttachment.C1R] = color.r; vertices[RegionAttachment.C1R] = color.r;
@ -139,7 +140,10 @@ module spine.webgl {
alpha); alpha);
let numVertices = mesh.worldVerticesLength / 2; let numVertices = mesh.worldVerticesLength / 2;
let vertices = Utils.newFloatArray(numVertices * SkeletonRenderer.VERTEX_SIZE); if (this.vertices.length < mesh.worldVerticesLength) {
this.vertices = Utils.newFloatArray(mesh.worldVerticesLength);
}
let vertices = this.vertices;
mesh.computeWorldVertices(slot, 0, mesh.worldVerticesLength, vertices, 0, SkeletonRenderer.VERTEX_SIZE); mesh.computeWorldVertices(slot, 0, mesh.worldVerticesLength, vertices, 0, SkeletonRenderer.VERTEX_SIZE);
let uvs = mesh.uvs; let uvs = mesh.uvs;