cocos: RenderTexture 合并精灵图片

最新推荐文章于 2025-08-14 08:54:37 发布

weixin_30279751

最新推荐文章于 2025-08-14 08:54:37 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签：游戏

原文链接：http://www.cnblogs.com/ZhYQ-Note/p/8528245.html

本文介绍如何使用 Cocos2d-x 的渲染纹理功能创建复合图像。通过两个示例精灵图 (xxx.png 和 xxx2.png) 展示了设置锚点、位置以及使用渲染纹理进行绘制的过程。特别注意最终图片可能需要进行 Y 轴翻转以正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var render = new cc.RenderTexture(730, 450); //创建渲染纹理对象，并数字确定宽度
    render.begin();

    var sp1 = cc.Sprite.create("xxx.png");
    sp1.setAnchorPoint(0, 0);
    sp1.setPosition(0, 0);
    sp1.visit();

    var sp2 = cc.Sprite.create("xxx2.png");
    sp2.setAnchorPoint(1, 1);
    sp2.setPosition(730, 450);
    sp2.visit();
    render.end();

   var spriteFrame = render.getSprite().getSpriteFrame();

 spCard.setSpriteFrame(spriteFrame);
 spCard.setFlippedY(true); //因为生成的图片 Y 方向颠倒，所以翻转