function setup(){ createCanvas(windowWidth, windowHeight) noiseImage = getImageFromNoise(createNoise(100, 100, 0.1), 2, color(255), 50) slider = createSlider(1, noiseImage.width, noiseImage.width/2, 1) slider.position(width/4, height/2 - noiseImage.height/2 - 40) slider.style("width", width/2 + "px") } function mouseClicked(){ if(mouseX > width/2 - noiseImage.width/2 && mouseX < width/2 + noiseImage.width/2 && mouseY > height/2 - noiseImage.height/2 && mouseY < height/2 + noiseImage.height/2) noiseImage = getImageFromNoise(createNoise(100, 100, 0.1), 2, color(255), slider.value()) } function draw(){ background(0) showFps(false, 255, width/2, 20) image(noiseImage, width/2 - noiseImage.width/2, height/2 - noiseImage.height/2) fill(255) noStroke() textSize(20) text(slider.value(), width/2 - (""+slider.value()).length * 5, slider.y) } var noiseImage var slider function getImageFromNoise(noiseArr, s=1, col, pixelCount=1){ var img = createImage(noiseArr.length, noiseArr[0].length) pixelCount = min(pixelCount, min(noiseArr.length, noiseArr[0].length)) var pixelSizeX = floor(noiseArr.length/pixelCount), pixelSizeY = floor(noiseArr[0].length/pixelCount) if(!col) col = color(255) img.loadPixels() for(var i=0;i 1) sharpness = 0.1 var noiseValues = [] for(var i=0;i parameter.w){ _fpsArray.splice(parameter.w, 1) } _fpsArray.unshift(frameRate().toFixed(0)) stroke(inverseColor(parameter.background)) line(parameter.x, getY(0), parameter.x + parameter.w, getY(0)) }else{ textSize(parameter.textSize ? parameter.textSize : 20) text(frameRate().toFixed(0), parameter.x, parameter.y) pop() } }

MyNoiseGenerator