three.js - 将色样分配到二十面体几何面

Question

我有一个 IcosahedronGeometry 并希望在 IcosahedronGeometry 面上尽可能均匀地分布三个蓝色的数组，以便大多数相邻面使用与数组不同的颜色。如果效果更好，我可以将数组更改为具有 4 种颜色吗？

我只是不太了解数学，无法知道面以什么顺序应用于二十面体几何。

我试过类似的东西：

var colours = [0x62a5dc, 0x4577b9, 0x2b2b5d];

for ( var i = 0; i < geometry.faces.length; i ++ ) 
{
  if(i<5) geometry.faces[ i ].color.setHex( colours[0] );
  else if(i<10) geometry.faces[ i ].color.setHex( colours[1] );
  else geometry.faces[ i ].color.setHex( colours[2] );
}

但没有很好的结果

Answer 1

查看实用程序http://threejs.org/examples/misc_uv_tests.html。

它显示了 UV 贴图，从中您可以看到哪些面共享一条边。

记住，它会包装。人脸号码也换行了。在下图中，右侧边缘的人脸编号为 19 和 14。

三.js r.58