​

let itc;

let img;

let logotype = "bandcamp";

let a = 35.5;

let b, c;

​

function preload() {

  itc = loadFont("ITCAvantGardeStdBk.otf");

  img = loadImage("logo_v1.png");

}

​

function setup() {

  createCanvas(500, 500);

  textAlign(CENTER);

  textFont(itc);

  fill(255);

}

​

function draw() {

  background(255);

 noStroke();

//  strokeWeight(c);

  fill(0, 0, 255);

  textSize(48);

  text(logotype, width / 2, height / 2 + 120);

  // image(img, 0, 0, 500, 500);

  console.log(mouseX, mouseY);

​

  logomark();

}

​

function logomark() {

  noFill();

  stroke(0, 0, 255);

  b = map(mouseX, 0, width, 1, 15);

 // c = map(mouseX, 0, width, 0, 4);

  strokeWeight(b);

  //letter b

  line(124, 120, 124, 313);

  line(124 + a, 190, 124 + a, 222);

  line(124 + a, 280, 124 + a, 312);

  line(124 + a * 2, 190, 124 + a * 2, 222);

  line(124 + a * 2, 280, 124 + a * 2, 312);

  line(124 + a * 3, 190 + 20, 124 + a * 3, 290);

​

  //letter c

  line(124 + a * 4, 190 + 20, 124 + a * 4, 290);

  line(124 + a * 5, 190, 124 + a * 5, 222);

  line(124 + a * 5, 280, 124 + a * 5, 312);

  line(124 + a * 6, 190, 124 + a * 6, 222);

  line(124 + a * 6, 280, 124 + a * 6, 312);

  line(124 + a * 7, 206, 124 + a * 7, 227);

  line(124 + a * 7, 280, 124 + a * 7, 300);

}

​

function type(content, color, font, size, x, y) {

  fill(color);

  textFont(font);

  textSize(size);

  text(content, x, y);

}

​

function logomark1(x1,y1,x2,y2) {

  noFill();

  stroke(0, 0, 255);

  b = map(mouseX, 0, width, 1, 15);

 // c = map(mouseX, 0, width, 0, 4);

  strokeWeight(b);

  //letter b

  line(124, 120, 124, 313);

  line(124 + a, 190, 124 + a, 222);

  line(124 + a, 280, 124 + a, 312);

  line(124 + a * 2, 190, 124 + a * 2, 222);

  line(124 + a * 2, 280, 124 + a * 2, 312);

  line(124 + a * 3, 190 + 20, 124 + a * 3, 290);

​

  //letter c

  line(124 + a * 4, 190 + 20, 124 + a * 4, 290);

  line(124 + a * 5, 190, 124 + a * 5, 222);

  line(124 + a * 5, 280, 124 + a * 5, 312);

  line(124 + a * 6, 190, 124 + a * 6, 222);

  line(124 + a * 6, 280, 124 + a * 6, 312);

  line(124 + a * 7, 206, 124 + a * 7, 227);

  line(124 + a * 7, 280, 124 + a * 7, 300);

}

​

function keyReleased() {

  if (key == 's' || key == 'S') saveCanvas("bandcamp_logo_v1", 'png');

}