javascript - codepen 上有一个作品是用三个 js 做的，我们想改变它的颜色

Question

我们在 Codepen ( https://codepen.io/vcomics/pen/ZwNgvX ) 上找到了一个 blob 实验。而我们想要使用它却遇到了麻烦。它在这个 perlin 对象上发生颜色变化(rcolor、gcolor、bcolor)；

perlin: {
    speed: 0.4,
    size: 0.7,
    perlins: 1.0,
    decay: 1.20,
    displace: 1.00,
    complex: 0.50,
    waves: 3.7,
    eqcolor: 0,
    rcolor: 1, <--
    gcolor: 0, <--
    bcolor: 0, <--
    fragment: false,
    points: false,
    redhell: true,
  }

它看起来像 RGB 代码，但实际上不是。我们写了red的rgb代码(255, 255, 0) 但是不行。在 three.js 的网站上有一个关于这个的例子；

//Separate RGB values between 0 and 1
var color = new THREE.Color( 1, 0, 0 );

( https://threejs.org/docs/#api/en/math/Color.set )

编辑:

在我们提出这个问题之后，过期页面上添加了一个 Controller 。您可以从那里轻松控制 Blob 的颜色。

Answer 1

将 138-140 行的值更改为

rcolor: 255,

gcolor:255，

bcolor: 0,

Blob 将是红色的。