31:T73e,p5(sketch => { let rotate = Math.floor(sketch.random(0, 4)); const p = pt; const palette = createPalette(selected_type); sketch.setup = function() { sketch.createCanvas(width, height); sketch.noStroke(); sketch.colorMode(sketch.HSB, 360, 100, 100, 100); sketch.fill(10); sketch.rect(0, 0, width, height); sketch.noFill(); sketch.frameRate(60); }; sketch.draw = function() { let c = Math.floor(sketch.random(0, palette[0].length)); const colour = sketch.color(palette[0][c], palette[1][c], palette[2][c]); const stroke = Math.floor(sketch.random(1, 6)); sketch.blendMode(sketch.SCREEN); sketch.stroke(colour); sketch.strokeWeight(stroke); // sketch.line(p.x_0, p.y_0, p.x, p.y); sketch.bezier(p.x_0, p.y_0, p.x_0 + length.length / 2, p.y_0 + length.length / 2, p.x - length.length / 2, p.y - length.length / 2, p.x, p.y); // calculate new position const upDown = Math.floor(sketch.random(0, 10)); const randomDirection = Math.floor(sketch.random(0, 10)); let direction = 1; p.x_0 = p.x; p.y_0 = p.y; if (isOdd(randomDirection) === 1) direction = -1; if (isOdd(upDown) === 1) { p.x = p.x + (direction * length.length); p.y = p.y; } else { p.y = p.y + (direction * length.length); p.x = p.x; } if (p.x > width + length.length * 2) { p.x = length.length; p.x_0 = 0; } else if (p.x < 0 - length.length * 2) { p.x = width - length.length; p.x_0 = width; } if (p.y_0 > height + length.length * 2) { p.y = length.length; p.y_0 = 0; } else if (p.y_0 < 0 - length.length * 2) { p.y = height - length.length; p.y_0 = height; } }})32:T772,function createPalette(type) { const hues = []; const brightness = []; const saturations = []; const distance = 30; const distance_2 = 5; const mainHue_analogous = randomIntFromInterval(distance, 360 - distance); const mainHue_chromatic = randomIntFromInterval(0, 360); for (var i = 0; i < colour_count; i++) { if (type === 'random') { hues[i] = randomIntFromInterval(0, 360); saturations[i] = randomIntFromInterval(0, 100); brightness[i] = randomIntFromInterval(0, 100); } else if (type === 'Analogous') { const mainSaturation = randomIntFromInterval(25, 95); const mainBrightness = randomIntFromInterval(85, 95); hues[i] = randomIntFromInterval(mainHue_analogous - distance, mainHue_analogous + distance); saturations[i] = randomIntFromInterval(mainSaturation - distance_2, mainSaturation + distance_2); brightness[i] = randomIntFromInterval(mainBrightness - distance_2, mainBrightness + distance_2); } else if (type === 'Monochromatic') { hues[i] = mainHue_chromatic; saturations[i] = randomIntFromInterval(10, 100); brightness[i] = randomIntFromInterval(20, 100); } else if (type === 'Complementary') { let second_hue; if (mainHue_analogous >= 180) { second_hue = mainHue_analogous - 180; } else { second_hue = mainHue_analogous + 180; } const value = randomIntFromInterval(0, 10); if (value%2 == 0) { hues[i] = mainHue_analogous; } else { hues[i] = second_hue; } saturations[i] = randomIntFromInterval(20, 100); brightness[i] = randomIntFromInterval(50, 95); } } return [hues, saturations, brightness] }33:[] 2f:{"title":"#genuary 2021 ~ Draw a line...","cells":[{"id":0,"value":"md`# #genuary 2021 ~ Draw a line...`","pinned":false,"hidden":false,"mode":"ojs"},{"id":176,"value":"md`Genuary https://genuary2021.github.io/prompts Promt 17 - Draw a line, pick a new color, move a bit`","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"viewof length = form(html``)","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"md`## Main variables & functions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"height = Math.floor(width * 3 / 4)","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"color_background = '#f2f2f2'","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"pt = [{x: width / 2, y: height / 2, x_0: width / 2, y_0: height / 2}][0]","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"// from https://stackoverflow.com/questions/4959975/generate-random-number-between-two-numbers-in-javascript\n\nfunction randomIntFromInterval(min, max) {\n return Math.floor(Math.random() * (max - min + 1) + min);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"function isOdd(num) { return num % 2;}","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"md`## Colour palette`","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"selected_type = 'Monochromatic'","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"colour_count = 100;","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"md`## Import libraries`","pinned":false,"hidden":false,"mode":"ojs"},{"id":159,"value":"import {form} from \"@mbostock/form-input\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":2,"value":"import {p5} from \"@tmcw/p5\";","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}