我正在为 iOS 设计一个头像制作应用程序,我们需要的一件事是让用户能够选择各种风格的眼睛,并且每只眼睛的虹膜可以是不同的颜色。
这是一个例子:
在不必为每个组合生成 PNG 的情况下实现此功能的好策略是什么?有任何想法吗?我不熟悉技术方面,但我能想到的一个想法是让每只眼睛的虹膜成为一个单独的图像,然后对其进行颜色转换。
你会推荐什么?
我正在为 iOS 设计一个头像制作应用程序,我们需要的一件事是让用户能够选择各种风格的眼睛,并且每只眼睛的虹膜可以是不同的颜色。
这是一个例子:
在不必为每个组合生成 PNG 的情况下实现此功能的好策略是什么?有任何想法吗?我不熟悉技术方面,但我能想到的一个想法是让每只眼睛的虹膜成为一个单独的图像,然后对其进行颜色转换。
你会推荐什么?
我建议在代码中使用图像遮罩。
您可以设置两层,一层用于眼睛图像,一层用于虹膜颜色,并在用户点击选择时生成每种颜色。
这是一个快速的掩码代码,应该可以在 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)
您每次都必须运行代码,但由于图像相当小,这无关紧要。如果您想提高性能,您可以编写一个很好的助手来缓存结果。
我测试了它并且它有效。对这篇文章更加全面,这里是我的实验结果:
基础图片:
面具图像:
结果图像:
(在检查器背景之上,以显示透明度)