动态改变图形资产中颜色的策略

Question

我正在设计一款适用于iOS的头像制作应用程序，我们需要的一件事就是让用户能够选择各种风格的眼睛，每只眼睛的虹膜可以有不同的颜色。

以下是一个例子：

在不必为每个组合生成PNG的情况下实施此功能的好策略是什么？有任何想法吗？我不熟悉技术方面，但我能想到的一个想法是让每只眼睛的虹膜成为一个单独的图像，然后对其进行颜色转换。

你会推荐什么？

Answer 1

我建议在代码中使用图像屏蔽。

您可以设置两个图层，一个用于眼睛图像，另一个用于虹膜颜色，并在用户点击选区时生成每种颜色。

这是一个快速的掩码代码，可以在UIImage

上执行

- (UIImage*) maskImage:(UIImage *)image withMask:(UIImage *)maskImage {

    CGImageRef maskRef = maskImage.CGImage; 

    CGImageRef mask = CGImageMaskCreate(CGImageGetWidth(maskRef),
        CGImageGetHeight(maskRef),
        CGImageGetBitsPerComponent(maskRef),
        CGImageGetBitsPerPixel(maskRef),
        CGImageGetBytesPerRow(maskRef),
        CGImageGetDataProvider(maskRef), NULL, false);

    CGImageRef masked = CGImageCreateWithMask([image CGImage], mask);
    return [UIImage imageWithCGImage:masked];

}

（摘自http://mobiledevelopertips.com/cocoa/how-to-mask-an-image.html）

每次都必须运行代码，但由于图像非常小，所以无关紧要。如果你想提高性能，你可以编写一个很好的帮助来缓存结果。

Answer 2

我测试了它并且它有效。对于这篇文章更全面，这是我的实验结果：

基本图片：

---

掩模图片：

---

结果图片：

（在检查背景之上，为了显示透明度）