Spine Slot 增加 绑定 节点且能保持 与slot的zoder一致

最新推荐文章于 2024-06-25 20:33:42 发布
最新推荐文章于 2024-06-25 20:33:42 发布
阅读量3.1k 收藏 2
点赞数 2
分类专栏： C/C++ Cocos2dx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xzben/article/details/51803560
版权

 前言：

在写本文之前曾在网上找过 cocos2dx spine 动画给 动画slot 增加 node 的方法：http://blog.csdn.net/xzben/article/details/50614335 通过这个方法能够基本能实现我们简单的需求，但是有个缺点就是 增加的slot node 都必然在整个动画上面，不能保持原先动画的 slot zorder，于是有了这篇文章的产生。

注意：

本文内容本人还只做了简单的测试，如果还有其它问题欢迎留言。谢谢。


1、spine 的渲染的解析

void SkeletonRenderer::drawSkeleton (const Mat4 &transform, uint32_t transformFlags) {
	getGLProgramState()->apply(transform);  // 使用 shader，并指定渲染的 转换矩阵

	Color3B nodeColor = getColor();
	_skeleton->r = nodeColor.r / (float)255;
	_skeleton->g = nodeColor.g / (float)255;
	_skeleton->b = nodeColor.b / (float)255;
	_skeleton->a = getDisplayedOpacity() / (float)255;

	int blendMode = -1;
	Color4B color;
	const float* uvs = nullptr;
	int verticesCount = 0;
	const int* triangles = nullptr;
	int trianglesCount = 0;
	float r = 0, g = 0, b = 0, a = 0;
	for (int i = 0, n = _skeleton->slotsCount; i < n; i++) {  //循环所有的 slot
		spSlot* slot = _skeleton->drawOrder[i];  // 按 slot 的 zorder 逐个遍历渲染
		if (!slot->attachment) continue;   
		Texture2D *texture = nullptr;
		switch (slot->attachment->type) {  // 根据 slot 上 附件的类型生成渲染的 各个参数
		case SP_ATTACHMENT_REGION: {
			spRegionAttachment* attachment = (spRegionAttachment*)slot->attachment;
			spRegionAttachment_computeWorldVertices(attachment, slot->bone, _worldVertices);
			texture = getTexture(attachment);
			uvs = attachment->uvs;
			verticesCount = 8;
			triangles = quadTriangles;
			trianglesCount = 6;
			r = attachment->r;
			g = attachment->g;
			b = attachment->b;
			a = attachment->a;
			break;
		}
		case SP_ATTACHMENT_MESH: {
			spMeshAttachment* attachment = (spMeshAttachment*)slot->attachment;
			spMeshAttachment_computeWorldVertices(attachment, slot, _worldVertices);
			texture = getTexture(attachment);
			uvs = attachment->uvs;
			verticesCount = attachment->verticesCount;
			triangles = attachment->triangles;
			trianglesCount = attachment->trianglesCount;
			r = attachment->r;
			g = attachment->g;
			b = attachment->b;
			a = attachment->a;
			break;
		}
		case SP_ATTACHMENT_SKINNED_MESH: {
			spSkinnedMeshAttachment* attachment = (spSkinnedMeshAttachment*)slot->attachment;
			spSkinnedMeshAttachment_computeWorldVertices(attachment, slot, _worldVertices);
			texture = getTexture(attachment);
			uvs = attachment->uvs;
			verticesCount = attachment->uvsCount;
			triangles = attachment->triangles;
			trianglesCount = attachment->trianglesCount;
			r = attachment->r;
			g = attachment->g;
			b = attachment->b;
			a = attachment->a;
			break;
		}
		default: ;
		} 
		if (texture) //有渲染图片才需要渲染
		{
			if (slot->data->blendMode != blendMode) // 对比当前slot 的渲染 blendMode 是否有所变化，如果有所变化就将之前的渲染命令先执行
			{
				_batch->flush();
				blendMode = slot->data->blendMode;
				switch (slot->data->blendMode) {
				case SP_BLEND_MODE_ADDITIVE:
					GL::blendFunc(_premultipliedAlpha ? GL_ONE : GL_SRC_ALPHA, GL_ONE);
					break;
				case SP_BLEND_MODE_MULTIPLY:
					GL::blendFunc(GL_DST_COLOR, GL_ONE_MINUS_SRC_ALPHA);
					break;
				case SP_BLEND_MODE_SCREEN:
					GL::blendFunc(GL_ONE, GL_ONE_MINUS_SRC_COLOR);
					break;
				default:
					GL::blendFunc(_blendFunc.src, _blendFunc.dst);
				}
			}
			color.a = _skeleton->a * slot->a * a * 255;
			float multiplier = _premultipliedAlpha ? color.a : 255;
			color.r = _skeleton->r * slot->r * r * multiplier;
			color.g = _skeleton->g * slot->g * g * multiplier;
			color.b = _skeleton->b * slot->b * b * multiplier;
			_batch->add(texture, _worldVertices, uvs, verticesCount, triangles, trianglesCount, &color);
		}
	}

	_batch->flush();

	// debug 相关的绘制 
	if (_debugSlots || _debugBones) {
		Director* director = Director::getInstance();
		director->pushMatrix(MATRIX_STACK_TYPE::MATRIX_STACK_MODELVIEW);
		director->loadMatrix(MATRIX_STACK_TYPE::MATRIX_STACK_MODELVIEW, transform);

		if (_debugSlots) {
			// Slots.
			DrawPrimitives::setDrawColor4B(0, 0, 255, 255);
			glLineWidth(1);
			Vec2 points[4];
			V3F_C4B_T2F_Quad quad;
			for (int i = 0, n = _skeleton->slotsCount; i < n; i++) {
				spSlot* slot = _skeleton->drawOrder[i];
				if (!slot->attachment || slot->attachment->type != SP_ATTACHMENT_REGION) continue;
				spRegionAttachment* attachment = (spRegionAttachment*)slot->attachment;
				spRegionAttachment_computeWorldVertices(attachment, slot->bone, _worldVertices);
				points[0] = Vec2(_worldVertices[0], _worldVertices[1]);
				points[1] = Vec2(_worldVertices[2], _worldVertices[3]);
				points[2] = Vec2(_worldVertices[4], _worldVertices[5]);
				points[3] = Vec2(_worldVertices[6], _worldVertices[7]);
				DrawPrimitives::drawPoly(points, 4, true);
			}
		}
		if (_debugBones) {
			// Bone lengths.
			glLineWidth(2);
			DrawPrimitives::setDrawColor4B(255, 0, 0, 255);
			for (int i = 0, n = _skeleton->bonesCount; i < n; i++) {
				spBone *bone = _skeleton->bones[i];
				float x = bone->data->length * bone->m00 + bone->worldX;
				float y = bone->data->length * bone->m10 + bone->worldY;
				DrawPrimitives::drawLine(Vec2(bone->worldX, bone->worldY), Vec2(x, y));
			}
			// Bone origins.
			DrawPrimitives::setPointSize(4);
			DrawPrimitives::setDrawColor4B(0, 0, 255, 255); // Root bone is blue.
			for (int i = 0, n = _skeleton->bonesCount; i < n; i++) {
				spBone *bone = _skeleton->bones[i];
				DrawPrimitives::drawPoint(Vec2(bone->worldX, bone->worldY));
				if (i == 0) DrawPrimitives::setDrawColor4B(0, 255, 0, 255);
			}
		}
		director->popMatrix(MATRIX_STACK_TYPE::MATRIX_STACK_MODELVIEW);
	}
}


void PolygonBatch::add (const Texture2D* addTexture,
		const float* addVertices, const float* uvs, int addVerticesCount,
		const int* addTriangles, int addTrianglesCount,
		Color4B* color) {

	if (
		addTexture != _texture
		|| _verticesCount + (addVerticesCount >> 1) > _capacity
		|| _trianglesCount + addTrianglesCount > _capacity * 3) {
		this->flush();
		_texture = addTexture;
	}

	for (int i = 0; i < addTrianglesCount; ++i, ++_trianglesCount)
		_triangles[_trianglesCount] = addTriangles[i] + _verticesCount;

	for (int i = 0; i < addVerticesCount; i += 2, ++_verticesCount) {
		V2F_C4B_T2F* vertex = _vertices + _verticesCount;
		vertex->vertices.x = addVertices[i];
		vertex->vertices.y = addVertices[i + 1];
		vertex->colors = *color;
		vertex->texCoords.u = uvs[i];
		vertex->texCoords.v = uvs[i + 1];
	}
}

void PolygonBatch::flush () {
	if (!_verticesCount) return;

	GL::bindTexture2D(_texture->getName());
	GL::bindVAO(0);
	glEnableVertexAttribArray(GLProgram::VERTEX_ATTRIB_POSITION);
	glEnableVertexAttribArray(GLProgram::VERTEX_ATTRIB_COLOR);
	glEnableVertexAttribArray(GLProgram::VERTEX_ATTRIB_TEX_COORDS);
	glVertexAttribPointer(GLProgram::VERTEX_ATTRIB_POSITION, 2, GL_FLOAT, GL_FALSE, sizeof(V2F_C4B_T2F), &_vertices[0].vertices);
	glVertexAttribPointer(GLProgram::VERTEX_ATTRIB_COLOR, 4, GL_UNSIGNED_BYTE, GL_TRUE, sizeof(V2F_C4B_T2F), &_vertices[0].colors);
	glVertexAttribPointer(GLProgram::VERTEX_ATTRIB_TEX_COORDS, 2, GL_FLOAT, GL_FALSE, sizeof(V2F_C4B_T2F), &_vertices[0].texCoords);

	glDrawElements(GL_TRIANGLES, _trianglesCount, GL_UNSIGNED_SHORT, _triangles);

	CC_INCREMENT_GL_DRAWN_BATCHES_AND_VERTICES(1, _verticesCount);

	_verticesCount = 0;
	_trianglesCount = 0;

	CHECK_GL_ERROR_DEBUG();
}
从上面的代码，可以看出spine的渲染过程其实很简单，就是按照 slot 的zorder 将渲染的 数据加入一个批处理对象 PolygonBatch 中统一执行，只有遇到渲染的图片不在一张纹理上，或者渲染的BlendModel 不同才会分批渲染。从这份代码可以看出spine 的渲染效率是相当的高的。在极限情况下（所有资源都在一张合图上，所有slot的 blendModel都一样的情况下）spine的渲染只需要一次。

重回正题，如果我们需要将插入动画slot上的node能够保持原有的zorder必然就只需要在 slot 上插入了node的地方先把之前的渲染好在渲染node在继续渲染就能达到目的。下面就开始动手改代码。

2、实现代码：

1、给对象增加实现接口

/** Draws a skeleton. */
class SkeletonRenderer: public cocos2d::Node, public cocos2d::BlendProtocol 
{
private:
<span style="white-space:pre">	</span>std::vector<cocos2d::Node*><span style="white-space:pre">	</span>m_slotNodes;
public:
<span style="white-space:pre">	</span>cocos2d::Node*  getNodeForSlot(const char* slotName);
private:
<span style="white-space:pre">	</span>void<span style="white-space:pre">			</span>freeSlotNodes();
<span style="white-space:pre">	</span>void<span style="white-space:pre">			</span>drawSlotNode(const cocos2d::Mat4& transform, uint32_t transformFlags, spSlot* slot);

2、接口实现 

void SkeletonRenderer::freeSlotNodes()
{
	for (auto node : m_slotNodes)
	{
		node->release();
	}
}

cocos2d::Node*  SkeletonRenderer::getNodeForSlot(const char* slotName)
{
	spSlot* slot = findSlot(slotName);

	if (slot != NULL)
	{
		cocos2d::Node* node = cocos2d::Node::create();
		if (node != nullptr)
		{
			node->setPosition(0, 0);
			slot->node = node;
			node->retain();
			m_slotNodes.push_back(node);
		}


		return node;
	}
	
	return nullptr;
}

void SkeletonRenderer::drawSlotNode(const cocos2d::Mat4& transform, uint32_t transformFlags, spSlot* slot)
{
	if (slot->node == NULL) return;

	_batch->flush();

	int blendMode = -1;
	cocos2d::Node* pNode = (cocos2d::Node*)slot->node;

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

	setEnableRecursiveCascadingRGBA(pNode, true);
	spBone* bone = slot->bone;
	if (bone != NULL){
		pNode->setPosition(ccp(bone->worldX, bone->worldY));
		pNode->setRotation(-bone->worldRotation);
		pNode->setScaleX(bone->worldScaleX);
		pNode->setScaleY(bone->worldScaleY);
	}

	pNode->setOpacity(255 * slot->a);
	pNode->setColor(ccc3(255 * slot->r, 255 * slot->g, 255 * slot->b));
	m_drawRender->clean();
	m_drawRender->clearDrawStats();
	pNode->visit(m_drawRender, transform, transformFlags);
	m_drawRender->render();
	getGLProgramState()->apply(transform);  //最重要的一步，由于渲染node的时候会改变当前的shader，所以最后需要重新恢复。
}

static void setNodeBlendFunc(cocos2d::Node* node, cocos2d::BlendFunc func)
{
	BlendProtocol *ptr = dynamic_cast<BlendProtocol*>(node);
	if (ptr != nullptr)
	{
		ptr->setBlendFunc(func);
	}

	for (auto child : node->getChildren())
	{
		setNodeBlendFunc(child, func);
	}
}


static void setEnableRecursiveCascadingRGBA(Node* node, bool enable)
{
	CCRGBAProtocol* rgba = dynamic_cast<CCRGBAProtocol*>(node);
	if (rgba)
	{
		rgba->setCascadeColorEnabled(enable);
		rgba->setCascadeOpacityEnabled(enable);
	}

	CCObject* obj;
	Vector<Node*> children = node->getChildren();
	Vector<Node*>::iterator it;
	for (it = children.begin(); it != children.end(); it++)
	{
		Node* child = *it;
		setEnableRecursiveCascadingRGBA(child, enable);
	}
}

3、修改spine的渲染函数 

void SkeletonRenderer::drawSkeleton (const Mat4 &transform, uint32_t transformFlags) {
	getGLProgramState()->apply(transform);

	Color3B nodeColor = getColor();
	_skeleton->r = nodeColor.r / (float)255;
	_skeleton->g = nodeColor.g / (float)255;
	_skeleton->b = nodeColor.b / (float)255;
	_skeleton->a = getDisplayedOpacity() / (float)255;

	int blendMode = -1;
	Color4B color;
	const float* uvs = nullptr;
	int verticesCount = 0;
	const int* triangles = nullptr;
	int trianglesCount = 0;
	float r = 0, g = 0, b = 0, a = 0;
	for (int i = 0, n = _skeleton->slotsCount; i < n; i++) {
		spSlot* slot = _skeleton->drawOrder[i];
		if (!slot->attachment) continue;
		Texture2D *texture = nullptr;
		switch (slot->attachment->type) {
		case SP_ATTACHMENT_REGION: {
			spRegionAttachment* attachment = (spRegionAttachment*)slot->attachment;
			spRegionAttachment_computeWorldVertices(attachment, slot->bone, _worldVertices);
			texture = getTexture(attachment);
			uvs = attachment->uvs;
			verticesCount = 8;
			triangles = quadTriangles;
			trianglesCount = 6;
			r = attachment->r;
			g = attachment->g;
			b = attachment->b;
			a = attachment->a;
			break;
		}
		case SP_ATTACHMENT_MESH: {
			spMeshAttachment* attachment = (spMeshAttachment*)slot->attachment;
			spMeshAttachment_computeWorldVertices(attachment, slot, _worldVertices);
			texture = getTexture(attachment);
			uvs = attachment->uvs;
			verticesCount = attachment->verticesCount;
			triangles = attachment->triangles;
			trianglesCount = attachment->trianglesCount;
			r = attachment->r;
			g = attachment->g;
			b = attachment->b;
			a = attachment->a;
			break;
		}
		case SP_ATTACHMENT_SKINNED_MESH: {
			spSkinnedMeshAttachment* attachment = (spSkinnedMeshAttachment*)slot->attachment;
			spSkinnedMeshAttachment_computeWorldVertices(attachment, slot, _worldVertices);
			texture = getTexture(attachment);
			uvs = attachment->uvs;
			verticesCount = attachment->uvsCount;
			triangles = attachment->triangles;
			trianglesCount = attachment->trianglesCount;
			r = attachment->r;
			g = attachment->g;
			b = attachment->b;
			a = attachment->a;
			break;
		}
		default: ;
		} 
		if (texture) 
		{
			if (slot->data->blendMode != blendMode) 
			{
				_batch->flush();
				blendMode = slot->data->blendMode;
				switch (slot->data->blendMode) {
				case SP_BLEND_MODE_ADDITIVE:
					GL::blendFunc(_premultipliedAlpha ? GL_ONE : GL_SRC_ALPHA, GL_ONE);
					break;
				case SP_BLEND_MODE_MULTIPLY:
					GL::blendFunc(GL_DST_COLOR, GL_ONE_MINUS_SRC_ALPHA);
					break;
				case SP_BLEND_MODE_SCREEN:
					GL::blendFunc(GL_ONE, GL_ONE_MINUS_SRC_COLOR);
					break;
				default:
					GL::blendFunc(_blendFunc.src, _blendFunc.dst);
				}
			}
			color.a = _skeleton->a * slot->a * a * 255;
			float multiplier = _premultipliedAlpha ? color.a : 255;
			color.r = _skeleton->r * slot->r * r * multiplier;
			color.g = _skeleton->g * slot->g * g * multiplier;
			color.b = _skeleton->b * slot->b * b * multiplier;
			_batch->add(texture, _worldVertices, uvs, verticesCount, triangles, trianglesCount, &color);
		}
<span style="color:#ff0000;">		drawSlotNode(transform, transformFlags, slot);</span>
	}

	_batch->flush();


	if (_debugSlots || _debugBones) {
		Director* director = Director::getInstance();
		director->pushMatrix(MATRIX_STACK_TYPE::MATRIX_STACK_MODELVIEW);
		director->loadMatrix(MATRIX_STACK_TYPE::MATRIX_STACK_MODELVIEW, transform);

		if (_debugSlots) {
			// Slots.
			DrawPrimitives::setDrawColor4B(0, 0, 255, 255);
			glLineWidth(1);
			Vec2 points[4];
			V3F_C4B_T2F_Quad quad;
			for (int i = 0, n = _skeleton->slotsCount; i < n; i++) {
				spSlot* slot = _skeleton->drawOrder[i];
				if (!slot->attachment || slot->attachment->type != SP_ATTACHMENT_REGION) continue;
				spRegionAttachment* attachment = (spRegionAttachment*)slot->attachment;
				spRegionAttachment_computeWorldVertices(attachment, slot->bone, _worldVertices);
				points[0] = Vec2(_worldVertices[0], _worldVertices[1]);
				points[1] = Vec2(_worldVertices[2], _worldVertices[3]);
				points[2] = Vec2(_worldVertices[4], _worldVertices[5]);
				points[3] = Vec2(_worldVertices[6], _worldVertices[7]);
				DrawPrimitives::drawPoly(points, 4, true);
			}
		}
		if (_debugBones) {
			// Bone lengths.
			glLineWidth(2);
			DrawPrimitives::setDrawColor4B(255, 0, 0, 255);
			for (int i = 0, n = _skeleton->bonesCount; i < n; i++) {
				spBone *bone = _skeleton->bones[i];
				float x = bone->data->length * bone->m00 + bone->worldX;
				float y = bone->data->length * bone->m10 + bone->worldY;
				DrawPrimitives::drawLine(Vec2(bone->worldX, bone->worldY), Vec2(x, y));
			}
			// Bone origins.
			DrawPrimitives::setPointSize(4);
			DrawPrimitives::setDrawColor4B(0, 0, 255, 255); // Root bone is blue.
			for (int i = 0, n = _skeleton->bonesCount; i < n; i++) {
				spBone *bone = _skeleton->bones[i];
				DrawPrimitives::drawPoint(Vec2(bone->worldX, bone->worldY));
				if (i == 0) DrawPrimitives::setDrawColor4B(0, 255, 0, 255);
			}
		}
		director->popMatrix(MATRIX_STACK_TYPE::MATRIX_STACK_MODELVIEW);
	}
}



xzben
关注
专栏目录
phaser-spine：Phaser 2的插件，增加了对Spine的支持
02-03
移相器脊柱 适用于Phaser的Spine插件，可以正常工作。 提交问题，否则请尽情玩乐:) 主要特点： 移相器脊柱！ ：o 皮肤支持 可以结合皮肤 ...与Phaser中的其他资产一样，您需要在游戏中预加载所需的书
给 spine slot 绑定node
xzben‘blog
01-31 2854
原文链接：http://blog.csdn.net/n5/article/details/21795265 spine的cocos2d-x runtime不是专门为cocos2d-x写的，核心部分是一个通用的spine c runtime，所以对于cocos2d-x的支持不是很好。当然如果只是播个动画啥的也足够了，但是真实使用场景中会有各种需求。比如我们现在需要在spine动画的某个骨骼
spine之一——术语和概念
yxtxiaotian的专栏
05-08 1万+
在cocos2dx中常用的骨骼动画编辑器就是cocosStudio和spine了。 一、spine术语和概念 1. Skinmesh 蒙皮 在最终的渲染结果中，蒙皮将完全显示出来，蒙皮实际上就是顶点、法线和纹理坐标等将被渲染的元素。 而其中，最关键的当然是顶点，顶点将直接被骨头牵扯运动，因而使得整个模型呈现骨骼所决定的样子。 2. Skeleton 骨骼 骨骼是一种抽象的概念，在最终的渲染结
【Spine学习16】之 人物面部绑定
最新发布
qq_44684452的博客
06-25 218
0s和40s 为原始位置，左手设置旋转120右手反方向-120。3、设定后发的变换约束，约束指向为face结点，反方向移动。以头骨为父结点创建一个面部控制器face-holder。同理，耳朵也依次创建好对应的变换约束，反方向30。2、创建头发和face面部控制结点的变换约束。全选所有帧-切换图表-选择第二个。左右头发的约束指向为face结点。4、创建驱干移动，在14s帧上移。5、最后添加贝塞尔曲线效果。-120也就是240。
第一篇：Spine 相关的基本知识点和术语
z1067832450_的专栏
10-24 1299
Spine是一款编辑2D骨骼动画的工具。可以将图片绑定到骨骼上，然后通过控制骨骼实现动画。Spine主要知识点：Skeleton、bones（骨骼）、slots（槽位）、Skins（皮肤）、Events（事件）、Animations（动画）
Unity动态换装之Spine换装
lliaoguipeng13的专栏
09-13 2777
Unity动态换装之Spine换装 注：转载请注明转载，并附原链接 http://www.cnblogs.com/liaoguipeng/p/5867510.html 燕双飞情侣 一、动态换装原理 换装，无非就是对模型的网格，或者贴图进行针对性置换； 对于3D局部换装，我们可能需要单独换模型和贴图，也可能只需要单独置换贴图即可 对与Spine...
spine骨骼中添加节点
u013681344的专栏
01-02 5529
spine的cocos2d-x runtime不是专门为cocos2d-x写的，核心部分是一个通用的spine c runtime，所以对于cocos2d-x的支持不是很好。当然如果只是播个动画啥的也足够了，但是真实使用场景中会有各种需求。比如我们现在需要在spine动画的某个骨骼上绑定一个CCSprite。因为spine的骨骼并不是一个CCNode，所以无法直接绑定，因此需要对spine run
【Unity】 Spine渲染原理解析与源码解读
qq_21407523的博客
06-18 4311
Spine渲染原理解析与源码解读安装环境从Spine编辑器导出将资源导入Unity基础概念其他相关概念Spine架构Spine运行时的各个模块有状态(Stateful) 和 无状态(Stateless) 数据对象源码解读文章参考 安装环境 游戏引擎：Unity 2019 运行库：Unity Spine 3.8 从Spine编辑器导出 .json文件，它包含所有骨架信息。 .png文件，它包含当前版本所有图片的集合。 .atlas.txt文件，它包含打包的图集信息。 【注意】 在窗口的右下角可以看到图集扩展名
Unity Spine 动画插件3.8
06-25
Spine 2D是由Esoteric Software开发的一款专为游戏设计的动画编辑软件，它提供了直观的界面和丰富的功能，使得艺术家们能够轻松地创建复杂的2D角色动画，同时保持文件的轻量化，这对于资源有限的移动设备尤其重要。...
spine.databind:用于 Spine 的 Knockout 样式数据绑定
06-17
Spine.js的核心理念是保持小巧，以便更好地与其他库和工具集成。 **数据绑定的概念** 数据绑定是MVVM和MVC模式中的关键概念，它允许视图和模型之间的双向通信。在Knockout.js中，当模型的属性发生变化时，视图会...
spine unity V3.8 + V4.1插件.zip
02-02
1. **骨骼动画系统**：Spine 提供了基于骨骼的动画系统，允许用户通过调整骨骼而不是像素来创建动画，这使得动画更易于缩放且具有更好的表现力。 2. **IK (Inverse Kinematics)**：逆向动力学允许你设定目标，让...
spine-unity-3.8.99.unitypackage
09-06
通常，这些更新会修复已知问题，提升性能，或添加新功能，以保持与最新版Spine工具的兼容性。 总的来说，"spine-unity-3.8.99.unitypackage"为Unity开发者提供了一套完整的2D骨骼动画解决方案，使得游戏中的角色...
Unity将物体绑定在spine动画骨骼节点上
lcy的博客
01-25 8712
实现 1.在目标spine动画下新建一个空物体。 2.给空物体添加BoneFollwer脚本（sprite动画添加BoneFollwer， ui动画添加BoneFollowerGraphic）。此时spine动画上会显示出骨骼节点。 3.选择需要挂载的目标骨骼节点。此时运行会发现挂有该脚本的物体会跟随选中的骨骼节点移动。 4.给挂有脚本的物体下附加目标即可完成跟随。 代码 写个管理器方便使用。 using Spine.Unity; using System.Collections; using
Spine的BoundingBoxAttachment碰撞检测
Cleve_baby的博客
11-23 288
【代码】Spine的BoundingBoxAttachment碰撞检测。
Cocos2dx spine slot 绑定node
auccy的博客
10-10 188
因为spine runtime中一个骨骼可以带有多个slot，并且除了TSR动画（位移缩放旋转），我们还需要挂接上去的Node能支持Color动画（包含alpha),getNodeForSlot的实现很简单：如果该slot name对应的 Node不存在，则创建一个并且放入map中。方法getNodeForSlot用来根据一个slot name获取一个Node，如果node不存在则创建。并且使用获取到的Node作为父node来执行addChild(需要挂接的node)。
cocos2d下,优秀骨骼spine的换装思路
aolv2823的博客
10-19 554
　　语文老师说,文章要有个好开头!!! 　　最近正在引入spine骨骼代替dragon bone骨骼,既然要替代,那么原先在dragon bone上的一些额外需求,不管dragon bone上能不能实现,都应该在spine上尝试一番. 　　说带换装,spine自带的皮肤可以实现整体换装,这个应该不用介绍,setSkin一下就ok了.但是,策划往往会需要用到局部换装,一种情况下是...
spine使用总结
热门推荐
yuer_xyf的专栏
03-13 1万+
因为项目的需要，cocos骨骼动画使用了spine，之前是使用cocosstudio，也不是ccs不好，毕竟spine是这方面的强项，不废话，直接上干货： 1.需要的头文件： #include "spine/spine.h" #include <spine/spine-cocos2dx.h> using namespace spine; 2.接着创建spine动画 spine::Skel
CocosCtreator知识点5:2D渲染组件Spine Skeleton详解
EricShx
04-03 1817
2D渲染组件SpineSkeleton
Cocos2dx中的Spine骨骼入门
卖萌的大叔的专栏
04-23 3612
1.创建项目，选择images，选择图片资源文件夹 2.将图片拖到编辑区，会在root下生成插槽slots 3.拼装身体 4.发现存在身体前后位置不正常，在Draw Order中调整身体的绘制顺序 5.创建骨头，选择Create，首先选择父节点，然后按住shift选择子节点，绘制骨骼。 6.选择SETUP进入动画
spine separator slot
10-19
spine separator slot是指书籍装订过程中的脊线分隔槽。在装订书籍时，为了增加装订的稳固性和美观性，通常会在书籍封面和内页之间加入一条脊线。这条脊线有助于保护书籍中的纸张，并使其更容易翻阅。而脊线分隔槽则...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值