Javascript 更改顶点中每条线的颜色

我在

P5.js

中将向量的每个点绘制为顶点。 我想改变循环中每个顶点的颜色，就像彩虹一样。问题是它改变了所有顶点的颜色，我不知道为什么

var x=0.01
变量y=0
var z=0
varσ=10
var prandtl=28
var rayleigh=8/3
var dt=0.01
变量位置点=[]
var-colorChange=0；
函数设置（）{
createCanvas（800800，WEBGL）
彩色模式（HSB）
}
函数绘图（）{
背景（“灰色”）
公式（）
noFill（）
比额表（5）
冲程重量（3）
beginShape（）
rotateZ（帧数*0.01）；
rotateY（帧数*0.01）；
对于（var i=0；i255）{
颜色变化=0
}
}
尾形（）
}
常数公式=（）=>{
变量dx=（σ*（y-x））*dt
变量dy=（x*（普朗特-z）-y）*dt
var dz=（x*y-瑞利*z）*dt
x=x+dx
y=y+dy
z=z+dz
positionPoint.push（创建向量（x，y，z））
}

---

从角点绘制的形状只能均匀着色。您需要绘制单独的线段

顶点（位置点[i].x，位置点[i].y，位置点[i].z）

line（位置点[i].x，位置点[i].y，位置点[i].z，
位置点[i+1].x，位置点[i+1].y，位置点[i+1].z）

颜色通道的范围为[0255]。在循环之前设置

colorChange=0

，并在循环中将其包含1：

colorChange=0；
对于（var i=0；i255）{
颜色变化=0
} 
}

var x=0.01
变量y=0
var z=0
varσ=10
var prandtl=28
var rayleigh=8/3
var dt=0.01
变量位置点=[]
var-colorChange=0；
函数设置（）{
createCanvas（800800，WEBGL）
彩色模式（HSB）
}
函数绘图（）{
背景（“灰色”）
公式（）
noFill（）
比额表（5）
冲程重量（3）
//beginShape（）
rotateZ（帧数*0.01）；
rotateY（帧数*0.01）；
颜色变化=0；
对于（var i=0；i255）{
颜色变化=0
}
}
//尾形（）
}
常数公式=（）=>{
变量dx=（σ*（y-x））*dt
变量dy=（x*（普朗特-z）-y）*dt
var dz=（x*y-瑞利*z）*dt
x=x+dx
y=y+dy
z=z+dz
positionPoint.push（创建向量（x，y，z））
}