let y = 200;

let d = 20;

​

let firstName = "Budi";

let lastName = "Santoso";

​

let img;

​

function preload() {

  fontRegular = loadFont("assets/MR_Regular.otf");

  fontItalic = loadFont("assets/MR_Italic.otf");

​

  img = loadImage("assets/stranger-things.jpg");

}

​

function setup() {

  createCanvas(400, 400);

  background(220);

  let imgWidth = 4438;

  let imgHeight = 6657;

​

  image(img, 0, -150, imgWidth / 11, imgHeight / 11);

  let fullName = firstName + " " + lastName;

​

  fill(255);

  textFont(fontRegular);

  textSize(d * 2);

  text(fullName, x / 4 - 30, y / 4);

​

  blendMode(MULTIPLY);

  noStroke();

  fill(255, 0, 0);

  rect(0, height - 100, width, height);

}

​

function draw() {}

​