8、Processing中的插值与交互技术详解

Processing中的插值与交互技术详解

1. 插值的概念与应用

1.1 插值基础

插值是一种计算两个给定值之间数值的技术概念。在Processing中，当有人给出两种颜色并要求获取中间的颜色（如中间、30%或80%位置的颜色）时，可使用插值功能精确得到这些中间颜色。Processing提供了 lerp 和 lerpColor 两个函数来实现插值，使用起来非常简单。

在一个示例中，我们使用 PVector 存储不同颜色移动球的位置，并将颜色存储在 z 坐标中。因为Processing将所有颜色视为数字，所以这种存储方式是可行的。

以下是使用 lerp 和 lerpColor 函数的代码示例：

PVector left = new PVector(50, 0, color(0, 255, 255));
PVector right = new PVector(350, 0, color(0, 255, 255));
void setup() {
  size(400, 200); noStroke(); colorMode(HSB);
}
void draw() {
  background(0);
  // move two balls vertically up and down
  left.y = map(sin(frameCount/100.), -1, 1, 20, height-20);