Three.js 跨多个面的渐变

Question

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

但是，渐变（尤其是向下的红色四边形）看起来并不平滑。有道理，但我不知道如何解决。

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

有什么方法可以创建跨越矩形面（或面组合）的渐变？我需要如何考虑需要在多个面上运行的渐变？

Answer 1

“更多三角形”似乎是这里的答案。