HSB平滑色转变

Question

我制作了一个“母亲节快乐”节目，里面的文字慢慢地改变了颜色。我正在使用HSB，并且慢慢地更改了Hue值，直到我到255，然后跳回0。但这似乎并没有给我寻找的平稳的颜色过渡。

这基本上就是我要做的：

fill(clamp(frameCount*0.2, 255), 255, 255);

function clamp(c, cap){
  
  do { c -= cap } while ( c > cap );
  
  return c
  
}

全程序：https://editor.p5js.org/KoderM/sketches/RekPOFctj

有没有人知道如何用HSB颜色值来获得平滑的彩虹效果？

Answer 1

代码的一个问题没有显示出来。它是colorMode调用，它被设置为默认的colorMode(HSB)，作为医生说

默认情况下，这是colorMode(HSB, 360, 100, 100, 1)

​

function setup() {
  createCanvas(windowWidth, windowHeight);
  colorMode(HSB);
}

function draw() {
  fill(frameCount % 360, 100, 100);
  rect(0, 0, windowWidth, windowHeight);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.js"></script>

​

您还可以使用colorMode(HSB, 255);并覆盖默认值，然后使用fill(frameCount % 255, 255, 255); (如果需要，可以使用可选的缩放)。

而且，夹紧并不是真正正确的概念。这通常是一种min/max算法，但实际上我们希望将其包装为0。