Spine深入学习———— 渲染

2023-11-30 03:01
文章标签 学习 深入 渲染 spine

本文主要是介绍Spine深入学习———— 渲染,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

数据有了之后,就开始渲染

渲染相关

绘制顺序

骨架的绘制顺序就是一个插槽列表,在插槽列表中上方的附件在下方之上绘制,绘制顺序可以在层级树中的骨架下查看。

在这里插入图片描述

基础流程

在这里插入图片描述

渲染实现

以下按照cocos2dx的实现来 (cocos2dx 3.7 spine3.6)

SkeletonRenderer

本身继承于Node,所以渲染部分看draw函数。

void SkeletonRenderer::draw (Renderer* renderer, const Mat4& transform, uint32_t transformFlags) {SkeletonBatch* batch = SkeletonBatch::getInstance();SkeletonTwoColorBatch* twoColorBatch = SkeletonTwoColorBatch::getInstance();bool isTwoColorTint = this->isTwoColorTint();if (_effect) _effect->begin(_effect, _skeleton);Color4F nodeColor;nodeColor.r = getDisplayedColor().r / (float)255;nodeColor.g = getDisplayedColor().g / (float)255;nodeColor.b = getDisplayedColor().b / (float)255;nodeColor.a = getDisplayedOpacity() / (float)255;Color4F color;Color4F darkColor;AttachmentVertices* attachmentVertices = nullptr;TwoColorTrianglesCommand* lastTwoColorTrianglesCommand = nullptr;for (int i = 0, n = _skeleton->slotsCount; i < n; ++i) {spSlot* slot = _skeleton->drawOrder[i];if (!slot->attachment) {spSkeletonClipping_clipEnd(_clipper, slot);continue;}cocos2d::TrianglesCommand::Triangles triangles;TwoColorTriangles trianglesTwoColor;switch (slot->attachment->type) {case SP_ATTACHMENT_REGION: {spRegionAttachment* attachment = (spRegionAttachment*)slot->attachment;attachmentVertices = getAttachmentVertices(attachment);if (!isTwoColorTint) {triangles.indices = attachmentVertices->_triangles->indices;triangles.indexCount = attachmentVertices->_triangles->indexCount;triangles.verts = batch->allocateVertices(attachmentVertices->_triangles->vertCount);triangles.vertCount = attachmentVertices->_triangles->vertCount;memcpy(triangles.verts, attachmentVertices->_triangles->verts, sizeof(cocos2d::V3F_C4B_T2F) * attachmentVertices->_triangles->vertCount);spRegionAttachment_computeWorldVertices(attachment, slot->bone, (float*)triangles.verts, 0, 6);} else {trianglesTwoColor.indices = attachmentVertices->_triangles->indices;trianglesTwoColor.indexCount = attachmentVertices->_triangles->indexCount;trianglesTwoColor.verts = twoColorBatch->allocateVertices(attachmentVertices->_triangles->vertCount);trianglesTwoColor.vertCount = attachmentVertices->_triangles->vertCount;for (int ii = 0; ii < trianglesTwoColor.vertCount; ii++) {trianglesTwoColor.verts[ii].texCoords = attachmentVertices->_triangles->verts[ii].texCoords;}spRegionAttachment_computeWorldVertices(attachment, slot->bone, (float*)trianglesTwoColor.verts, 0, 7);}color.r = attachment->color.r;color.g = attachment->color.g;color.b = attachment->color.b;color.a = attachment->color.a;break;}case SP_ATTACHMENT_MESH: {spMeshAttachment* attachment = (spMeshAttachment*)slot->attachment;attachmentVertices = getAttachmentVertices(attachment);if (!isTwoColorTint) {triangles.indices = attachmentVertices->_triangles->indices;triangles.indexCount = attachmentVertices->_triangles->indexCount;triangles.verts = batch->allocateVertices(attachmentVertices->_triangles->vertCount);triangles.vertCount = attachmentVertices->_triangles->vertCount;memcpy(triangles.verts, attachmentVertices->_triangles->verts, sizeof(cocos2d::V3F_C4B_T2F) * attachmentVertices->_triangles->vertCount);spVertexAttachment_computeWorldVertices(SUPER(attachment), slot, 0, triangles.vertCount * sizeof(cocos2d::V3F_C4B_T2F) / 4, (float*)triangles.verts, 0, 6);} else {trianglesTwoColor.indices = attachmentVertices->_triangles->indices;trianglesTwoColor.indexCount = attachmentVertices->_triangles->indexCount;trianglesTwoColor.verts = twoColorBatch->allocateVertices(attachmentVertices->_triangles->vertCount);trianglesTwoColor.vertCount = attachmentVertices->_triangles->vertCount;for (int ii = 0; ii < trianglesTwoColor.vertCount; ii++) {trianglesTwoColor.verts[ii].texCoords = attachmentVertices->_triangles->verts[ii].texCoords;}spVertexAttachment_computeWorldVertices(SUPER(attachment), slot, 0, trianglesTwoColor.vertCount * sizeof(V3F_C4B_C4B_T2F) / 4, (float*)trianglesTwoColor.verts, 0, 7);}color.r = attachment->color.r;color.g = attachment->color.g;color.b = attachment->color.b;color.a = attachment->color.a;break;}case SP_ATTACHMENT_CLIPPING: {spClippingAttachment* clip = (spClippingAttachment*)slot->attachment;spSkeletonClipping_clipStart(_clipper, slot, clip);}default:spSkeletonClipping_clipEnd(_clipper, slot);continue;}if (slot->darkColor) {darkColor.r = slot->darkColor->r * 255;darkColor.g = slot->darkColor->g * 255;darkColor.b = slot->darkColor->b * 255;} else {darkColor.r = 0;darkColor.g = 0;darkColor.b = 0;}color.a *= nodeColor.a * _skeleton->color.a * slot->color.a * 255;// skip rendering if the color of this attachment is 0if (color.a == 0){spSkeletonClipping_clipEnd(_clipper, slot);continue;}float multiplier = _premultipliedAlpha ? color.a : 255;color.r *= nodeColor.r * _skeleton->color.r * slot->color.r * multiplier;color.g *= nodeColor.g * _skeleton->color.g * slot->color.g * multiplier;color.b *= nodeColor.b * _skeleton->color.b * slot->color.b * multiplier;BlendFunc blendFunc;switch (slot->data->blendMode) {case SP_BLEND_MODE_ADDITIVE:blendFunc.src = _premultipliedAlpha ? GL_ONE : GL_SRC_ALPHA;blendFunc.dst = GL_ONE;break;case SP_BLEND_MODE_MULTIPLY:blendFunc.src = GL_DST_COLOR;blendFunc.dst = GL_ONE_MINUS_SRC_ALPHA;break;case SP_BLEND_MODE_SCREEN:blendFunc.src = GL_ONE;blendFunc.dst = GL_ONE_MINUS_SRC_COLOR;break;default:blendFunc.src = _premultipliedAlpha ? GL_ONE : GL_SRC_ALPHA;blendFunc.dst = GL_ONE_MINUS_SRC_ALPHA;}if (!isTwoColorTint) {if (spSkeletonClipping_isClipping(_clipper)) {spSkeletonClipping_clipTriangles(_clipper, (float*)&triangles.verts[0].vertices, triangles.vertCount * sizeof(cocos2d::V3F_C4B_T2F) / 4, triangles.indices, triangles.indexCount, (float*)&triangles.verts[0].texCoords, 6);batch->deallocateVertices(triangles.vertCount);if (_clipper->clippedTriangles->size == 0){spSkeletonClipping_clipEnd(_clipper, slot);continue;}triangles.vertCount = _clipper->clippedVertices->size >> 1;triangles.verts = batch->allocateVertices(triangles.vertCount);triangles.indexCount = _clipper->clippedTriangles->size;triangles.indices = batch->allocateIndices(triangles.indexCount);memcpy(triangles.indices, _clipper->clippedTriangles->items, sizeof(unsigned short) * _clipper->clippedTriangles->size);cocos2d::TrianglesCommand* batchedTriangles = batch->addCommand(renderer, _globalZOrder, attachmentVertices->_texture, _glProgramState, blendFunc, triangles, transform, transformFlags);float* verts = _clipper->clippedVertices->items;float* uvs = _clipper->clippedUVs->items;if (_effect) {spColor light;spColor dark;light.r = color.r / 255.0f;light.g = color.g / 255.0f;light.b = color.b / 255.0f;light.a = color.a / 255.0f;dark.r = dark.g = dark.b = dark.a = 0;for (int v = 0, vn = batchedTriangles->getTriangles().vertCount, vv = 0; v < vn; ++v, vv+=2) {V3F_C4B_T2F* vertex = batchedTriangles->getTriangles().verts + v;spColor lightCopy = light;spColor darkCopy = dark;vertex->vertices.x = verts[vv];vertex->vertices.y = verts[vv + 1];vertex->texCoords.u = uvs[vv];vertex->texCoords.v = uvs[vv + 1];_effect->transform(_effect, &vertex->vertices.x, &vertex->vertices.y, &vertex->texCoords.u, &vertex->texCoords.v, &lightCopy, &darkCopy);vertex->colors.r = (GLubyte)(lightCopy.r * 255);vertex->colors.g = (GLubyte)(lightCopy.g * 255);vertex->colors.b = (GLubyte)(lightCopy.b * 255);vertex->colors.a = (GLubyte)(lightCopy.a * 255);}} else {for (int v = 0, vn = batchedTriangles->getTriangles().vertCount, vv = 0; v < vn; ++v, vv+=2) {V3F_C4B_T2F* vertex = batchedTriangles->getTriangles().verts + v;vertex->vertices.x = verts[vv];vertex->vertices.y = verts[vv + 1];vertex->texCoords.u = uvs[vv];vertex->texCoords.v = uvs[vv + 1];vertex->colors.r = (GLubyte)color.r;vertex->colors.g = (GLubyte)color.g;vertex->colors.b = (GLubyte)color.b;vertex->colors.a = (GLubyte)color.a;}}} else {cocos2d::TrianglesCommand* batchedTriangles = batch->addCommand(renderer, _globalZOrder, attachmentVertices->_texture, _glProgramState, blendFunc, triangles, transform, transformFlags);if (_effect) {spColor light;spColor dark;light.r = color.r / 255.0f;light.g = color.g / 255.0f;light.b = color.b / 255.0f;light.a = color.a / 255.0f;dark.r = dark.g = dark.b = dark.a = 0;for (int v = 0, vn = batchedTriangles->getTriangles().vertCount; v < vn; ++v) {V3F_C4B_T2F* vertex = batchedTriangles->getTriangles().verts + v;spColor lightCopy = light;spColor darkCopy = dark;_effect->transform(_effect, &vertex->vertices.x, &vertex->vertices.y, &vertex->texCoords.u, &vertex->texCoords.v, &lightCopy, &darkCopy);vertex->colors.r = (GLubyte)(lightCopy.r * 255);vertex->colors.g = (GLubyte)(lightCopy.g * 255);vertex->colors.b = (GLubyte)(lightCopy.b * 255);vertex->colors.a = (GLubyte)(lightCopy.a * 255);}} else {for (int v = 0, vn = batchedTriangles->getTriangles().vertCount; v < vn; ++v) {V3F_C4B_T2F* vertex = batchedTriangles->getTriangles().verts + v;vertex->colors.r = (GLubyte)color.r;vertex->colors.g = (GLubyte)color.g;vertex->colors.b = (GLubyte)color.b;vertex->colors.a = (GLubyte)color.a;}}}} else {if (spSkeletonClipping_isClipping(_clipper)) {spSkeletonClipping_clipTriangles(_clipper, (float*)&trianglesTwoColor.verts[0].position, trianglesTwoColor.vertCount * sizeof(V3F_C4B_C4B_T2F) / 4, trianglesTwoColor.indices, trianglesTwoColor.indexCount, (float*)&trianglesTwoColor.verts[0].texCoords, 7);twoColorBatch->deallocateVertices(trianglesTwoColor.vertCount);if (_clipper->clippedTriangles->size == 0){spSkeletonClipping_clipEnd(_clipper, slot);continue;}trianglesTwoColor.vertCount = _clipper->clippedVertices->size >> 1;trianglesTwoColor.verts = twoColorBatch->allocateVertices(trianglesTwoColor.vertCount);trianglesTwoColor.indexCount = _clipper->clippedTriangles->size;trianglesTwoColor.indices = twoColorBatch->allocateIndices(trianglesTwoColor.indexCount);memcpy(trianglesTwoColor.indices, _clipper->clippedTriangles->items, sizeof(unsigned short) * _clipper->clippedTriangles->size);TwoColorTrianglesCommand* batchedTriangles = lastTwoColorTrianglesCommand = twoColorBatch->addCommand(renderer, _globalZOrder, attachmentVertices->_texture->getName(), _glProgramState, blendFunc, trianglesTwoColor, transform, transformFlags);float* verts = _clipper->clippedVertices->items;float* uvs = _clipper->clippedUVs->items;if (_effect) {spColor light;spColor dark;light.r = color.r / 255.0f;light.g = color.g / 255.0f;light.b = color.b / 255.0f;light.a = color.a / 255.0f;dark.r = darkColor.r / 255.0f;dark.g = darkColor.g / 255.0f;dark.b = darkColor.b / 255.0f;dark.a = darkColor.a / 255.0f;for (int v = 0, vn = batchedTriangles->getTriangles().vertCount, vv = 0; v < vn; ++v, vv += 2) {V3F_C4B_C4B_T2F* vertex = batchedTriangles->getTriangles().verts + v;spColor lightCopy = light;spColor darkCopy = dark;vertex->position.x = verts[vv];vertex->position.y = verts[vv + 1];vertex->texCoords.u = uvs[vv];vertex->texCoords.v = uvs[vv + 1];_effect->transform(_effect, &vertex->position.x, &vertex->position.y, &vertex->texCoords.u, &vertex->texCoords.v, &lightCopy, &darkCopy);vertex->color.r = (GLubyte)(lightCopy.r * 255);vertex->color.g = (GLubyte)(lightCopy.g * 255);vertex->color.b = (GLubyte)(lightCopy.b * 255);vertex->color.a = (GLubyte)(lightCopy.a * 255);vertex->color2.r = (GLubyte)(darkCopy.r * 255);vertex->color2.g = (GLubyte)(darkCopy.g * 255);vertex->color2.b = (GLubyte)(darkCopy.b * 255);vertex->color2.a = 1;}} else {for (int v = 0, vn = batchedTriangles->getTriangles().vertCount, vv = 0; v < vn; ++v, vv += 2) {V3F_C4B_C4B_T2F* vertex = batchedTriangles->getTriangles().verts + v;vertex->position.x = verts[vv];vertex->position.y = verts[vv + 1];vertex->texCoords.u = uvs[vv];vertex->texCoords.v = uvs[vv + 1];vertex->color.r = (GLubyte)color.r;vertex->color.g = (GLubyte)color.g;vertex->color.b = (GLubyte)color.b;vertex->color.a = (GLubyte)color.a;vertex->color2.r = (GLubyte)darkColor.r;vertex->color2.g = (GLubyte)darkColor.g;vertex->color2.b = (GLubyte)darkColor.b;vertex->color2.a = 1;}}} else {TwoColorTrianglesCommand* batchedTriangles = lastTwoColorTrianglesCommand = twoColorBatch->addCommand(renderer, _globalZOrder, attachmentVertices->_texture->getName(), _glProgramState, blendFunc, trianglesTwoColor, transform, transformFlags);if (_effect) {spColor light;spColor dark;light.r = color.r / 255.0f;light.g = color.g / 255.0f;light.b = color.b / 255.0f;light.a = color.a / 255.0f;dark.r = darkColor.r / 255.0f;dark.g = darkColor.g / 255.0f;dark.b = darkColor.b / 255.0f;dark.a = darkColor.a / 255.0f;for (int v = 0, vn = batchedTriangles->getTriangles().vertCount; v < vn; ++v) {V3F_C4B_C4B_T2F* vertex = batchedTriangles->getTriangles().verts + v;spColor lightCopy = light;spColor darkCopy = dark;_effect->transform(_effect, &vertex->position.x, &vertex->position.y, &vertex->texCoords.u, &vertex->texCoords.v, &lightCopy, &darkCopy);vertex->color.r = (GLubyte)(lightCopy.r * 255);vertex->color.g = (GLubyte)(lightCopy.g * 255);vertex->color.b = (GLubyte)(lightCopy.b * 255);vertex->color.a = (GLubyte)(lightCopy.a * 255);vertex->color2.r = (GLubyte)(darkCopy.r * 255);vertex->color2.g = (GLubyte)(darkCopy.g * 255);vertex->color2.b = (GLubyte)(darkCopy.b * 255);vertex->color2.a = 1;}} else {for (int v = 0, vn = batchedTriangles->getTriangles().vertCount; v < vn; ++v) {V3F_C4B_C4B_T2F* vertex = batchedTriangles->getTriangles().verts + v;vertex->color.r = (GLubyte)color.r;vertex->color.g = (GLubyte)color.g;vertex->color.b = (GLubyte)color.b;vertex->color.a = (GLubyte)color.a;vertex->color2.r = (GLubyte)darkColor.r;vertex->color2.g = (GLubyte)darkColor.g;vertex->color2.b = (GLubyte)darkColor.b;vertex->color2.a = 1;}}}}spSkeletonClipping_clipEnd(_clipper, slot);}spSkeletonClipping_clipEnd2(_clipper);if (lastTwoColorTrianglesCommand) {Node* parent = this->getParent();// We need to decide if we can postpone flushing the current// batch. We can postpone if the next sibling node is a// two color tinted skeleton with the same global-z.// The parent->getChildrenCount() > 100 check is a hack// as checking for a sibling is an O(n) operation, and if// all children of this nodes parent are skeletons, we// are in O(n2) territory.if (!parent || parent->getChildrenCount() > 100 || getChildrenCount() != 0) {lastTwoColorTrianglesCommand->setForceFlush(true);} else {Vector<Node*>& children = parent->getChildren();Node* sibling = nullptr;for (ssize_t i = 0; i < children.size(); i++) {if (children.at(i) == this) {if (i < children.size() - 1) {sibling = children.at(i+1);break;}}}if (!sibling) {lastTwoColorTrianglesCommand->setForceFlush(true);} else {SkeletonRenderer* siblingSkeleton = dynamic_cast<SkeletonRenderer*>(sibling);if (!siblingSkeleton || // flush is next sibling isn't a SkeletonRenderer!siblingSkeleton->isTwoColorTint() || // flush if next sibling isn't two color tinted!siblingSkeleton->isVisible() || // flush if next sibling is two color tinted but not visible(siblingSkeleton->getGlobalZOrder() != this->getGlobalZOrder())) { // flush if next sibling is two color tinted but z-order differslastTwoColorTrianglesCommand->setForceFlush(true);}}}}if (_effect) _effect->end(_effect);if (_debugSlots || _debugBones || _debugMeshes) {drawDebug(renderer, transform, transformFlags);}
}

实现有点长,一点一点分析。


SkeletonBatch* batch = SkeletonBatch::getInstance();SkeletonTwoColorBatch* twoColorBatch = SkeletonTwoColorBatch::getInstance();

SkeletonBatch:骨骼合批,将所有骨骼放入合批指令中,本质上是TrianglesCommand指令。

cocos2d::TrianglesCommand* SkeletonBatch::addCommand(cocos2d::Renderer* renderer, float globalOrder, cocos2d::Texture2D* texture, cocos2d::GLProgramState* glProgramState, cocos2d::BlendFunc blendType, const cocos2d::TrianglesCommand::Triangles& triangles, const cocos2d::Mat4& mv, uint32_t flags) {TrianglesCommand* command = nextFreeCommand();command->init(globalOrder, texture, glProgramState, blendType, triangles, mv, flags);renderer->addCommand(command);return command;
}

SkeletonTwoColorBatch:双色着色合批。是TwoColorTrianglesCommand指令。

双色着色:TwoColorTint


    //是否双色着色bool isTwoColorTint = this->isTwoColorTint();//顶点动画if (_effect) _effect->begin(_effect, _skeleton);//计算附加着色颜色//用skeleton乘上(multiplying)槽位颜色来计算附件的着色颜色, 每通道的RGBA范围均为[0-1]Color4F nodeColor;nodeColor.r = getDisplayedColor().r / (float)255;nodeColor.g = getDisplayedColor().g / (float)255;nodeColor.b = getDisplayedColor().b / (float)255;nodeColor.a = getDisplayedOpacity() / (float)255;//双色着色使用Color4F color;Color4F darkColor;//附件顶点AttachmentVertices* attachmentVertices = nullptr;TwoColorTrianglesCommand* lastTwoColorTrianglesCommand = nullptr;

接下来遍历所有骨骼。

for (int i = 0, n = _skeleton->slotsCount; i < n; ++i)

取的时候是根据drawOrder去取的,简单说就是渲染顺序(插槽列表)。

spSlot* slot = _skeleton->drawOrder[i];
if (!slot->attachment) {spSkeletonClipping_clipEnd(_clipper, slot);continue;
}

如果插槽没有附件,那么就选择不渲染。

接下来,根据插槽附加的类型进行分别处理


SP_ATTACHMENT_REGION : 一个textured矩形

//强制转换为spRegionAttachment结构体
spRegionAttachment* attachment = (spRegionAttachment*)slot->attachment;
//从附件的渲染对象中获取atlas页texture(纹理坐标)
attachmentVertices = getAttachmentVertices(attachment);//如果不是双色着色
if (!isTwoColorTint) {//创建一个TrianglesCommand指令triangles.indices = attachmentVertices->_triangles->indices; //data索引 index指针triangles.indexCount = attachmentVertices->_triangles->indexCount; //索引index的数量triangles.verts = batch->allocateVertices(attachmentVertices->_triangles->vertCount); //初始化顶点数据triangles.vertCount = attachmentVertices->_triangles->vertCount; //顶点个数//填充顶点数据memcpy(triangles.verts, attachmentVertices->_triangles->verts, sizeof(cocos2d::V3F_C4B_T2F) * attachmentVertices->_triangles->vertCount);//调用RegionAttachment::computeWorldVertices计算其世界顶点spRegionAttachment_computeWorldVertices(attachment, slot->bone, (float*)triangles.verts, 0, 6);
} else {
//如果是双色着色,那么用TwoColorTriangles去构建顶点信息trianglesTwoColor.indices = attachmentVertices->_triangles->indices;trianglesTwoColor.indexCount = attachmentVertices->_triangles->indexCount;trianglesTwoColor.verts = twoColorBatch->allocateVertices(attachmentVertices->_triangles->vertCount);trianglesTwoColor.vertCount = attachmentVertices->_triangles->vertCount;for (int ii = 0; ii < trianglesTwoColor.vertCount; ii++) {trianglesTwoColor.verts[ii].texCoords = attachmentVertices->_triangles->verts[ii].texCoords;}spRegionAttachment_computeWorldVertices(attachment, slot->bone, (float*)trianglesTwoColor.verts, 0, 7);
}//计算的颜色就是附件的颜色	
color.r = attachment->color.r;
color.g = attachment->color.g;
color.b = attachment->color.b;
color.a = attachment->color.a;

上面的流程就是

在这里插入图片描述


SP_ATTACHMENT_MESH :一个textured网格,其顶点受到多个有权重骨詻的影响

spMeshAttachment* attachment = (spMeshAttachment*)slot->attachment;
attachmentVertices = getAttachmentVertices(attachment);if (!isTwoColorTint) {triangles.indices = attachmentVertices->_triangles->indices;triangles.indexCount = attachmentVertices->_triangles->indexCount;triangles.verts = batch->allocateVertices(attachmentVertices->_triangles->vertCount);triangles.vertCount = attachmentVertices->_triangles->vertCount;memcpy(triangles.verts, attachmentVertices->_triangles->verts, sizeof(cocos2d::V3F_C4B_T2F) * attachmentVertices->_triangles->vertCount);//不同的是这里 计算世界顶点的方式spVertexAttachment_computeWorldVertices(SUPER(attachment), slot, 0, triangles.vertCount * sizeof(cocos2d::V3F_C4B_T2F) / 4, (float*)triangles.verts, 0, 6);
} else {trianglesTwoColor.indices = attachmentVertices->_triangles->indices;trianglesTwoColor.indexCount = attachmentVertices->_triangles->indexCount;trianglesTwoColor.verts = twoColorBatch->allocateVertices(attachmentVertices->_triangles->vertCount);trianglesTwoColor.vertCount = attachmentVertices->_triangles->vertCount;for (int ii = 0; ii < trianglesTwoColor.vertCount; ii++) {trianglesTwoColor.verts[ii].texCoords = attachmentVertices->_triangles->verts[ii].texCoords;}spVertexAttachment_computeWorldVertices(SUPER(attachment), slot, 0, trianglesTwoColor.vertCount * sizeof(V3F_C4B_C4B_T2F) / 4, (float*)trianglesTwoColor.verts, 0, 7);
}color.r = attachment->color.r;
color.g = attachment->color.g;
color.b = attachment->color.b;
color.a = attachment->color.a;break;

SP_ATTACHMENT_CLIPPING:一个多边形,用于在绘制中裁剪其他附件

case SP_ATTACHMENT_CLIPPING: {spClippingAttachment* clip = (spClippingAttachment*)slot->attachment;spSkeletonClipping_clipStart(_clipper, slot, clip);
}
default:spSkeletonClipping_clipEnd(_clipper, slot);continue;
}

计算附件颜色值

用skeleton乘上(multiplying)槽位颜色来计算附件的着色颜色, 每通道的RGBA范围均为[0-1]

color.a *= nodeColor.a * _skeleton->color.a * slot->color.a * 255;
// skip rendering if the color of this attachment is 0
if (color.a == 0){spSkeletonClipping_clipEnd(_clipper, slot);continue;
}
float multiplier = _premultipliedAlpha ? color.a : 255;
color.r *= nodeColor.r * _skeleton->color.r * slot->color.r * multiplier;
color.g *= nodeColor.g * _skeleton->color.g * slot->color.g * multiplier;
color.b *= nodeColor.b * _skeleton->color.b * slot->color.b * multiplier;

接下来颜色混合

BlendFunc blendFunc;
switch (slot->data->blendMode) {case SP_BLEND_MODE_ADDITIVE:blendFunc.src = _premultipliedAlpha ? GL_ONE : GL_SRC_ALPHA;blendFunc.dst = GL_ONE;break;case SP_BLEND_MODE_MULTIPLY:blendFunc.src = GL_DST_COLOR;blendFunc.dst = GL_ONE_MINUS_SRC_ALPHA;break;case SP_BLEND_MODE_SCREEN:blendFunc.src = GL_ONE;blendFunc.dst = GL_ONE_MINUS_SRC_COLOR;break;default:blendFunc.src = _premultipliedAlpha ? GL_ONE : GL_SRC_ALPHA;blendFunc.dst = GL_ONE_MINUS_SRC_ALPHA;
}

根据是否有裁剪附件,来添加batch渲染指令

如果有裁剪,优先处理裁剪,剔除掉裁剪区域外的纹理和顶点坐标。

然后在判断是否有顶点动画

这篇关于Spine深入学习———— 渲染的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/435375

相关文章

Java进阶学习之如何开启远程调式

《Java进阶学习之如何开启远程调式》Java开发中的远程调试是一项至关重要的技能,特别是在处理生产环境的问题或者协作开发时,:本文主要介绍Java进阶学习之如何开启远程调式的相关资料,需要的朋友... 目录概述Java远程调试的开启与底层原理开启Java远程调试底层原理JVM参数总结&nbsMbKKXJx

Java深度学习库DJL实现Python的NumPy方式

《Java深度学习库DJL实现Python的NumPy方式》本文介绍了DJL库的背景和基本功能,包括NDArray的创建、数学运算、数据获取和设置等,同时,还展示了如何使用NDArray进行数据预处理... 目录1 NDArray 的背景介绍1.1 架构2 JavaDJL使用2.1 安装DJL2.2 基本操

深入解析Spring TransactionTemplate 高级用法(示例代码)

《深入解析SpringTransactionTemplate高级用法(示例代码)》TransactionTemplate是Spring框架中一个强大的工具,它允许开发者以编程方式控制事务,通过... 目录1. TransactionTemplate 的核心概念2. 核心接口和类3. TransactionT

深入理解Apache Airflow 调度器(最新推荐)

《深入理解ApacheAirflow调度器(最新推荐)》ApacheAirflow调度器是数据管道管理系统的关键组件,负责编排dag中任务的执行,通过理解调度器的角色和工作方式,正确配置调度器,并... 目录什么是Airflow 调度器?Airflow 调度器工作机制配置Airflow调度器调优及优化建议最

详解如何在React中执行条件渲染

《详解如何在React中执行条件渲染》在现代Web开发中,React作为一种流行的JavaScript库,为开发者提供了一种高效构建用户界面的方式,条件渲染是React中的一个关键概念,本文将深入探讨... 目录引言什么是条件渲染?基础示例使用逻辑与运算符(&&)使用条件语句列表中的条件渲染总结引言在现代

深入理解C语言的void*

《深入理解C语言的void*》本文主要介绍了C语言的void*,包括它的任意性、编译器对void*的类型检查以及需要显式类型转换的规则,具有一定的参考价值,感兴趣的可以了解一下... 目录一、void* 的类型任意性二、编译器对 void* 的类型检查三、需要显式类型转换占用的字节四、总结一、void* 的

深入理解Redis大key的危害及解决方案

《深入理解Redis大key的危害及解决方案》本文主要介绍了深入理解Redis大key的危害及解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录一、背景二、什么是大key三、大key评价标准四、大key 产生的原因与场景五、大key影响与危

深入理解C++ 空类大小

《深入理解C++空类大小》本文主要介绍了C++空类大小,规定空类大小为1字节,主要是为了保证对象的唯一性和可区分性,满足数组元素地址连续的要求,下面就来了解一下... 目录1. 保证对象的唯一性和可区分性2. 满足数组元素地址连续的要求3. 与C++的对象模型和内存管理机制相适配查看类对象内存在C++中,规

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya(不是本人,claude AI)在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容: 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用