cocoscreator实现spine用外部图片进行换皮

简介: cocoscreator实现spine用外部图片进行换皮

我希望可以做到外部图片替换spine一个部位上面的图片

网上有看到2dx的做法是新建sp.spine.RegionAttachment,这个时候问题就来了:

如何通过我们的Texture2D来设置sp.spine.TextureAtlasRegion和sp.spine.TextureAtlasPage


笔者研究一个礼拜,自己写了个实现函数,大家可以参考下

void SkeletonRenderer::createRegion(const std::string& slotName,cocos2d::middleware::Texture2D * texture){
    Slot *slot = _skeleton->findSlot(slotName.c_str());
    Texture* texture2D  = texture->getNativeTexture();
    RegionAttachment* attachment = (RegionAttachment*)slot->getAttachment();
    float width = texture2D->getWidth();
    float height = texture2D->getHeight();
    float wide = texture->getPixelsWide();
    float high = texture->getPixelsHigh();
    attachment->setUVs(0, 0, 1,1, false);
    attachment->setWidth(wide);
    attachment->setHeight(high);
    attachment->setRegionWidth(wide);
    attachment->setRegionHeight(high);
    attachment->setRegionOriginalWidth(wide);
    attachment->setRegionOriginalHeight(high);
    attachment->setRegionOffsetX(0);
    attachment->setRegionOffsetY(15);
    texture->setPixelsWide(width);
    texture->setPixelsHigh(height);
    texture->setRealTextureIndex(1);
    AttachmentVertices * attachV = (AttachmentVertices *)attachment->getRendererObject();
    if (attachV->_texture == texture) return;
    CC_SAFE_RELEASE(attachV->_texture);
    attachV->_texture = texture;
    CC_SAFE_RETAIN(texture);
    V2F_T2F_C4B*  vertices = attachV->_triangles->verts;
    for (int i = 0, ii = 0; i < 4; ++i, ii += 2) {
        vertices[i].texCoord.u = attachment->getUVs()[ii];
        vertices[i].texCoord.v = attachment->getUVs()[ii+1];
    }
    attachment->updateOffset();
}
public changeSpineTexture(slotname: string, texture2d: cc.Texture2D, size: cc.Size = null): void {
    if (this._spine == null || texture2d == null) {
      return;
    }
    let slot = this._spine.findSlot(slotname);
    if (slot) {
      let att = slot.getAttachment();
      if (cc.sys.isNative) {
        let jsbTexture = new middleware.Texture2D();
        let texture = texture2d.getImpl();
        if (size == null) {
          jsbTexture.setPixelsWide(texture2d.width);
          jsbTexture.setPixelsHigh(texture2d.height);
        } else {
          jsbTexture.setPixelsWide(size.width);
          jsbTexture.setPixelsHigh(size.height);
        }
        jsbTexture.setNativeTexture(texture);
        this._spine._nativeSkeleton.createRegion(slotname, jsbTexture);
      } else {
        texture2d.setPremultiplyAlpha(true);
        let skeletonTexture = new sp.SkeletonTexture();
        skeletonTexture.setRealTexture(texture2d);
        let page = new sp.spine.TextureAtlasPage();
        page.name = texture2d.name
        page.uWrap = sp.spine.TextureWrap.ClampToEdge;
        page.vWrap = sp.spine.TextureWrap.ClampToEdge;
        page.texture = skeletonTexture;
        page.texture.setWraps(page.uWrap, page.vWrap);
        page.width = texture2d.width;
        page.height = texture2d.height;
        let region = new sp.spine.TextureAtlasRegion();
        region.page = page;
        region.width = texture2d.width;
        region.height = texture2d.height;
        region.originalWidth = texture2d.width;
        region.originalHeight = texture2d.height;
        region.rotate = false;
        region.u = 0;
        region.v = 0;
        region.u2 = 1;
        region.v2 = 1;
        region.texture = skeletonTexture;
        att.region = region;
        if (size != null) {
          att.width = size.width;
          att.height = size.height;
        }
        att.setRegion(region);
        att.updateOffset();
      }
    } else {
      cc.error('!!!no slot name!!=', slotname);
    }
  }
相关文章
|
XML 存储 JSON
CocosCreator 面试题(十五)Cocos Creator如何内置protobuf JS版本?
CocosCreator 面试题(十五)Cocos Creator如何内置protobuf JS版本?
604 0
CocosCreator3.8研究笔记(十三)CocosCreator 音频资源理解(2)
CocosCreator3.8研究笔记(十三)CocosCreator 音频资源理解
818 0
|
8月前
|
自然语言处理 前端开发 JavaScript
js异步
js异步
760 108
|
5月前
|
人工智能 Java API
Java 正式进入 Agentic AI 时代:Spring AI Alibaba 1.1 发布背后的技术演进
Spring AI Alibaba 1.1 正式发布,提供极简方式构建企业级AI智能体。基于ReactAgent核心,支持多智能体协作、上下文工程与生产级管控,助力开发者快速打造可靠、可扩展的智能应用。
4461 43
|
JSON 缓存 前端开发
CocosCreator3.8研究笔记(二十五)CocosCreator 动画系统-2d骨骼动画spine
CocosCreator3.8研究笔记(二十五)CocosCreator 动画系统-2d骨骼动画spine
3183 0
|
API 开发者
通过使用Phaser游戏框架,我成功地完成了“跳跃之旅”项目的开发
【5月更文挑战第14天】在Phaser框架下开发2D平台跳跃游戏&quot;跳跃之旅&quot;时,面临性能优化、碰撞检测与响应、图形和动画等挑战。通过使用Phaser的性能分析工具和资源优化策略提升帧率,利用内置物理引擎实现精确碰撞,编写自定义碰撞响应函数,以及借助图形绘制和动画系统创建精美动画,成功解决了这些问题。此过程提升了开发者的技术水平和对游戏开发的理解。
369 4
|
编解码 图形学 开发者
【unity小技巧】使用三种方式实现瞄准瞄具放大变焦效果
【unity小技巧】使用三种方式实现瞄准瞄具放大变焦效果
1175 0
|
前端开发 安全 开发者
前端开发中的跨域资源共享(CORS)问题及解决方案探讨
在前端开发中,跨域资源共享(CORS)是一个常见且重要的问题。本文将深入探讨CORS的原理、影响以及解决方案,帮助开发者更好地应对跨域请求问题。
|
SQL Java API
Flink(十五)【Flink SQL Connector、savepoint、CateLog、Table API】(3)
Flink(十五)【Flink SQL Connector、savepoint、CateLog、Table API】