跨越多个面的Three.js渐变

Question

我正在尝试在HSV cylinder中构建three.js，而我很难将渐变映射到面部。我以为我可以像这样创建我的对象：

但是，渐变 - 特别是红色四边形向下 - 看起来并不平滑。这很有道理，但我不知道如何解决它。

我真的只想创建一个四边形并指定角点顶点颜色，但Face4已经消失，所有示例都使用它。

有没有办法创建一个跨越矩形面（或面组合）的渐变？如何考虑需要在多个面上运行的渐变？

Answer 1

＆＃34;更多三角形＆＃34;似乎是这里的答案。