有一个用threejs制作的代码笔,我们想改变它的颜色

问题描述 投票:0回答:1

我们在Codepen(https://codepen.io/vcomics/pen/ZwNgvX)上发现了斑点实验。而且我们想使用它,但是有麻烦。该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代码,但不是。我们编写红色的rgb代码(255,0,0),但是它不起作用。它使用three.js色标制成。在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

我们不了解这种色标的工作原理。它必须这样写吗?为什么它这么复杂?我们想给blob颜色,我们想要哪种颜色,有人知道该怎么做吗?

编辑(在下面的评论中,想更好地解释问题);

[嗨,感谢您的评论,但我们已经可以将其制成红色:D以及绿色,蓝色和黄色。我们想给我们想要的颜色。示例我想给紫色,但当我们编写其RGB代码时,它不起作用。因此,我们不了解其运作方式。这就是为什么我们必须学习其工作原理

javascript css three.js 3d blob
1个回答
0
投票

将行[[138-140的值更改为

rcolor:255,

gcolor:255,

bcolor:0,

并且斑点将为红色。
© www.soinside.com 2019 - 2024. All rights reserved.