在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文件，并可以更改特定索引处的部件颜色。