let names = [];

let img;

​

function preload() {

  img = loadImage("project-folder/assets/Penguin.png");

}

​

function setup() {

  createCanvas(400, 400);

  background(220);

  nameInput = select('.name');

  nameInput.changed(getName);

  frameRate(10);

  textSize(32);

}

​

function draw() {

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

    text(names[i],random(width),random(height));

  }

}

​

function getName() {

  names.push(nameInput.value());

  if(nameInput.value() == "penguin") {

  image(img, 0, 0);

  }

  nameInput.value("");

}