0
我想實現代碼本性的p5.js示例。顏色不適用於具有噪聲功能的p5.js示例
其目的是爲畫布填充亮度由Perlin Noise函數隨機選擇的像素。我受到Processing的Java的啓發,但我得到的不是我期望的原因,它是一個幾乎黑色的畫布。
這是我的代碼:
var increment = 0.02
function setup() {
createCanvas(100, 100)
noLoop()
}
function draw() {
background(0)
loadPixels();
var xoff = 0
for (var x = 0; x < width; x++) {
xoff += increment
var yoff = 0
for (var y = 0; y < height; y++) {
yoff += increment
var bright = floor(noise(xoff, yoff) * 255)
console.log('bright', bright, '(', x, ', ', y, ')')
pixels[x+y*width] = color(bright);
}
}
updatePixels();
}
我的console.log顯示一個明亮的價值似乎一致。 你在我的代碼中看到任何問題嗎?
它的工作原理就像一個集魅力,謝謝! 爲什麼使用HSB模式代替RGBA? – pom421
我使用HSB是因爲它允許我們創建具有指定亮度的顏色,RGBA的alpha屬性實際上與亮度不同,這意味着顏色是多麼透明/不透明。 – chib