首页 > 解决方案 > 如何在 Appcelerator 中为详细的图像着色?

问题描述

我正在寻找一种跨平台方法来为详细的 PNG 或 JPG 着色,并带有颜色。一个示例用例如下所示:https ://i5.walmartimages.com/asr/74cb7e15-a285-40cc-a294-c157ed6fa8b2_1.b9ab5eb83cad0a612996470fbe7917c3.jpeg?odnHeight=450&odnWidth=450&odnBg=FFFFFF

上图是模特身穿白衬衫。

我会“剪下”白衬衫并将其覆盖在模特身上。这给了我一件白衬衫来操作,而模型保持不变。

用户会在颜色图表或类似的东西上滑动手指。当他们这样做时,衬衫会使用用户选择的颜色进行着色,同时保留阴影细节。因此,如果他们选择红色,则衬衫将是带有红色阴影的红色。

有了所有允许你调整肤色、调整眼睛颜色、化妆等的应用程序,我希望有一种方法可以使用 Appcelerator 来做到这一点。非常感谢您的帮助。

标签: androidiosappceleratorimage-manipulationappcelerator-hyperloop

解决方案


我在一个较旧的应用程序中执行此操作,以更改针织帽子和指甲的颜色以用于演示目的。对于帽子,我们拍摄图像并去除颜色(但保留阴影和照明),所有颜色部分都是透明的。我只能向您展示演示钉子:

在此处输入图像描述

你在这个透明的 PNG 后面放置一个普通的彩色视图并更改视图的颜色。不需要为对象着色。它更快并节省电力/内存。


推荐阅读