xxxxxxxxxx
let colors=["#566c65","#6d9067","#a94d3c","#b26c71","#8a8f68","#bd8822","#427886","#3c5056","#dcd1b7"]
let font
let simplex
function preload(){
font= loadFont('FamiljenGrotesk-VariableFont_wght.ttf')
}
function setup() {
createCanvas(400, 400);
background('#f4f1de')
simplex= new openSimplexNoise(Date.now())
for(let y=40; y<=360; y++){
strokeWeight(1)
stroke(colorMixer(y, colors))
line(40, y, 360, y)
}
for(let x=44; x<360; x+=12){
strokeWeight(3)
stroke('#f4f1de')
noFill()
beginShape()
for(let y=0; y<=360; y++){
let xoff= simplex.noise2D(y/30, x/50)
vertex(x+xoff, y)
}
endShape()
}
textFont(font)
fill(100)
strokeWeight(1)
stroke(100)
text('1.1', 20, 380)
}
function colorMixer(y, colorArray) {
let c = noise(y/100) * colorArray.length
let c1 = floor(c)
let c2 = floor(c + 1) % colorArray.length
let color1 = colorArray[c1]
let color2 = colorArray[c2]
let mix = fract(c)
let coloring = spectral.mix(color1, color2, mix)
return coloring
}