gpt4 book ai didi

colors - p5 使用十六进制字符串和 alpha 设置填充颜色

转载 作者:行者123 更新时间:2023-12-02 09:15:53 26 4
gpt4 key购买 nike

我试图在 p5.js 中使用十六进制值作为颜色,但我在使用它和同时使用 alpha 时遇到了问题。我想用一个变量设置颜色,用另一个变量设置 alpha。

let myColor = '#FF0000';
let myAlpha = 128;
function setup() {
createCanvas(200,200);
}
function draw() {
fill(color(myColor), myAlpha);
noStroke();
ellipse(100, 100, 50, 50);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/p5.js"></script>
<html>
<head></head>
<body></body>
</html>

这适用于颜色,但 alpha 最终为 255 (100%)。

最佳答案

setAlpha()documented on p5.Color取值范围为 0 到 255。

对于您的代码:

let c = color(myColor);
c.setAlpha(myAlpha);
fill(c);

function setup(){
createCanvas(300,300);
}

var alphaValue = 50;

function draw(){
var c = color('#FF0000');
fill(c);
rect(100,100,100,100);
c = color('#0000FF');
c.setAlpha(alphaValue);
fill(c);
rect(150,150,100,100);
}

function mouseClicked(){
if (alphaValue > 50){
alphaValue = 50;
} else {
alphaValue = 255;
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js"></script>

关于colors - p5 使用十六进制字符串和 alpha 设置填充颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47224668/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com