在javascript中更改3D图像各部分的颜色

Question

我想要实现改变图像部分颜色（如https://www.owayo.ie/konfigurator_html/index.php）的相同功能。
我GOOGLE了很多，并尝试不同的方法like this Fiddle。

这是HTML：

<p>Example shifting color Hue with .getImageData</p> 
<p>(Original: left, Recolored: right)</p> 
<canvas id="canvas" width=300 height=300></canvas> 

随着这个链接提供的信息的帮助下，我能够为特定颜色更改为其他颜色。像，可以将整个图像中的蓝色更改为其他颜色。而且，这种方法非常慢。
因此，主要的挑战是找到图像的不同部分，然后仅对该部分应用颜色更改。

在此任何线索都会非常有帮助。

Answer 1

我通过使用Blender和Babylonjs实现了这一点。使用Blender，我们制作3D模型，并通过在Blender中使用Babylon插件将其导出到babylon.js文件。然后在html中导入babolon.js文件，并可以在特定索引处更改零件的颜色。