javascript - Three.js 跨多个面的渐变

Question

我正在尝试在 third.js 中构建一个 HSV 圆柱体，但我很难将渐变映射到面。我想我可以像这样创建我的对象:

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

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

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

Answer 1

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