220326a

let wave_type;

let palette;

​

let graphics;

​

function setup() {

  createCanvas(800, 800);

  colorMode(HSB, 360, 100, 100, 100);

  angleMode(DEGREES);

​

  palette = random(wes_palettes).colors.concat();

  for (let i = 0; i < palette.length; i++) {

    palette[i] = color(palette[i]);

  }

​

  wave_type = [sin, cos];

​

  graphics = createGraphics(width, height);

  graphics.colorMode(HSB, 360, 100, 100, 100);

  graphics.angleMode(DEGREES);

  graphics.stroke(0, 0, 0, 1);

  for (let i = 0; i < width * height * 0.003; i++) {

    let x = random(width);

    let y = random(width);

    let angle = random(360);

    let len = width;

    graphics.push();

    graphics.translate(x, y);

    graphics.line(

      cos(angle) * len,

      sin(angle) * len,

      cos(angle + 180) * len,

      sin(angle + 180) * len

    );

    graphics.pop();

  }

}

​

function draw() {

  background(0, 0, 90);

  blendMode(BURN);

​

  let rMax = (width / 2) * sqrt(2);

  for (let r = rMax; r > 0; r -= rMax / 10) {

    push();

    translate(width / 2, height / 2);

    rotate((int(random(6)) * 360) / 6);

    let colors = shuffle(palette.concat());

    let angleStep = map(r, rMax, 0, 0.01, 1) / 2;

​

    let wave_arr = [];

    let wave_arr_num = int(random(2, 5));

    for (let i = 0; i < wave_arr_num; i++) {

      let type = random(wave_type);

      let freq = random([1, 2, 4, 8, 16, 12]);

      let obj = {

        type: type,

        freq: freq,

      };

      wave_arr.push(obj);

    }

​

    for (let angle = 0; angle < 360; angle += angleStep) {

      let x = cos(angle) * r;

      let y = sin(angle) * r;

​

      let v = 1;

      for (let wave of wave_arr) {

        v *= wave.type(angle * wave.freq);

      }

​

      let n = map(v, -1, 1, 0, 1);

      let col = lerpColor(colors[0], colors[1], n);

      col.setAlpha(80);

​

      push();

      translate(x, y);

      rotate(angle);

      let nx = (v * r) / 3;

      strokeWeight(1);

      stroke(col);

      line(nx / 2, 0, -nx / 2, 0);

      pop();

    }

    pop();

  }

​

  image(graphics, 0, 0);

  // circle(0,0,200);

​

  noLoop();

}

​

let wes_palettes = [

  {

    name: "BottleRocket1",

    colors: [

      "#A42820",

      "#5F5647",

      "#9B110E",

      "#3F5151",

      "#4E2A1E",

      "#550307",

      "#0C1707",

    ],

  },

  {

    name: "BottleRocket2",

    colors: ["#FAD510", "#CB2314", "#273046", "#354823", "#1E1E1E"],

  },

  {

    name: "Rushmore1",

    colors: ["#E1BD6D", "#EABE94", "#0B775E", "#35274A", "#F2300F"],

  },

  {

    name: "Rushmore",

    colors: ["#E1BD6D", "#EABE94", "#0B775E", "#35274A", "#F2300F"],

  },

  { name: "Royal1", colors: ["#899DA4", "#C93312", "#FAEFD1", "#DC863B"] },

  {

    name: "Royal2",

    colors: ["#9A8822", "#F5CDB4", "#F8AFA8", "#FDDDA0", "#74A089"],

  },

  {

    name: "Zissou1",

    colors: ["#3B9AB2", "#78B7C5", "#EBCC2A", "#E1AF00", "#F21A00"],

  },

  {

    name: "Darjeeling1",

    colors: ["#FF0000", "#00A08A", "#F2AD00", "#F98400", "#5BBCD6"],

  },

  {

    name: "Darjeeling2",

    colors: ["#ECCBAE", "#046C9A", "#D69C4E", "#ABDDDE", "#000000"],

  },

  { name: "Chevalier1", colors: ["#446455", "#FDD262", "#D3DDDC", "#C7B19C"] },

  {

    name: "FantasticFox1",

    colors: ["#DD8D29", "#E2D200", "#46ACC8", "#E58601", "#B40F20"],

  },

  { name: "Moonrise1", colors: ["#F3DF6C", "#CEAB07", "#D5D5D3", "#24281A"] },

  { name: "Moonrise2", colors: ["#798E87", "#C27D38", "#CCC591", "#29211F"] },

  {

    name: "Moonrise3",

    colors: ["#85D4E3", "#F4B5BD", "#9C964A", "#CDC08C", "#FAD77B"],

  },

  {

    name: "Cavalcanti1",

    colors: ["#D8B70A", "#02401B", "#A2A475", "#81A88D", "#972D15"],

  },

  {

    name: "GrandBudapest1",

    colors: ["#F1BB7B", "#FD6467", "#5B1A18", "#D67236"],

  },

  {

    name: "GrandBudapest2",

    colors: ["#E6A0C4", "#C6CDF7", "#D8A499", "#7294D4"],

  },

  {

    name: "IsleofDogs1",

    colors: ["#9986A5", "#79402E", "#CCBA72", "#0F0D0E", "#D9D0D3", "#8D8680"],

  },

  {

    name: "IsleofDogs2",

    colors: ["#EAD3BF", "#AA9486", "#B6854D", "#39312F", "#1C1718"],

  },

  {

    name: "FrenchDispatch",

    colors: ["#90D4CC", "#BD3027", "#B0AFA2", "#7FC0C6", "#9D9C85"],

  },

];

​