Swift SpriteKit中如何为SKSpriteNode的PNG纹理添加贴合轮廓的外描边

该需求完全可以实现，以下是两种可落地的实现方案：

这是最适合你的场景的实现方式，原理是通过片段着色器实时检测当前精灵纹理的边缘，自动生成贴合纹理形状的外描边，角色切换动画帧时会自动适配新纹理的边缘，不需要额外写同步逻辑。

核心实现代码如下：

// 1. 初始化外描边自定义着色器
let outlineShader = SKShader(source: """
void main() {
    // 采样当前纹理的像素颜色
    vec4 currentPixel = texture2D(u_texture, v_tex_coord);
    // 可自定义描边宽度、描边颜色
    float outlineThickness = 2.0;
    vec3 purpleOutline = vec3(0.6, 0.2, 0.8);

    // 计算纹理单像素的步长
    vec2 pixelStep = 1.0 / u_texture_size;
    float surroundingAlpha = 0.0;

    // 采样当前像素周围8个方向的透明度
    surroundingAlpha += texture2D(u_texture, v_tex_coord + vec2(-pixelStep.x * outlineThickness, 0)).a;
    surroundingAlpha += texture2D(u_texture, v_tex_coord + vec2(pixelStep.x * outlineThickness, 0)).a;
    surroundingAlpha += texture2D(u_texture, v_tex_coord + vec2(0, -pixelStep.y * outlineThickness)).a;
    surroundingAlpha += texture2D(u_texture, v_tex_coord + vec2(0, pixelStep.y * outlineThickness)).a;
    surroundingAlpha += texture2D(u_texture, v_tex_coord + vec2(-pixelStep.x * outlineThickness, -pixelStep.y * outlineThickness)).a;
    surroundingAlpha += texture2D(u_texture, v_tex_coord + vec2(pixelStep.x * outlineThickness, -pixelStep.y * outlineThickness)).a;
    surroundingAlpha += texture2D(u_texture, v_tex_coord + vec2(-pixelStep.x * outlineThickness, pixelStep.y * outlineThickness)).a;
    surroundingAlpha += texture2D(u_texture, v_tex_coord + vec2(pixelStep.x * outlineThickness, pixelStep.y * outlineThickness)).a;

    // 透明区域且周围存在不透明纹理像素时，渲染描边
    if (currentPixel.a < 0.1 && surroundingAlpha > 0.1) {
        gl_FragColor = vec4(purpleOutline, 1.0);
    } else {
        gl_FragColor = currentPixel;
    }
}
""")

// 2. 拾取power-up时给角色精灵绑定着色器即可显示描边
playerSprite.shader = outlineShader

// 3. 护盾效果消失时清空着色器即可移除描边
// playerSprite.shader = nil

• 优点：无需额外制作资源，自动适配所有动画帧的边缘，性能开销极低，可随时调整描边宽度、颜色参数。
• 适配提示：如果你的角色纹理存在半透明区域，可以调整代码里的alpha阈值（0.1）来优化描边效果，避免出现多余的杂边。

如果你不想使用着色器，也可以提前为所有角色动画帧导出一份带紫色外描边的版本，存入单独的纹理图集。拾取power-up时将角色的动画播放源切换为带描边的图集即可，护盾消失时切换回原图集。

• 优点：无需编写着色器代码，兼容性更好。
• 缺点：需要额外维护一套纹理资源，包体积会相应增加，后续修改动画时需要同步更新描边版本的资源，维护成本更高。

内容的提问来源于stack exchange，提问作者Kylan O'Connor