​

function preload(){

  // Change the name of the image file to choose

  // a different colour

  img = loadImage('data/name-sticker-r.png');

}

​

function setup(){

  createCanvas(img.width, img.height);

}

​

function draw(){

  background(img);

​

  textSize(10)

  // The code below is helps to figure out x, y coordinates

  // Click on the canvas and it will display the position

  // You can delete this when you are done.

  if (mouseIsPressed){

    text(mouseX + ", " + mouseY, mouseX, mouseY);

  }

​

  // Add you code to display details on canvas here...

  textAlign(LEFT, BOTTOM)

  fill(200, 75, 100)

  textFont("Courier");

  textSize(40)

  text("Zog the Ironclad", 160, 180)

  textSize(20)

  text("97", 160, 232)

  text("Sword Fighting", 160, 284)

  text("Mion the Gloomcursed, Vantig the Mad", 160, 336)

}