var h1;

var img;

var pos =1;

var answer;

​

//**I want bubbles/confetti SO BAD, can't remember how to make them :(

function preload() {

  img = loadImage("Caterpillar.png");

}

​

    function setup() { 

    canvas = createCanvas(windowWidth, windowHeight); 

    canvas.position(0,0);

    h1 = createElement('h1', 'EXPLAIN YOURSELF!!');

//**How to initialize h2 this everytime you press the mouse

    h2 = createP ("one side will make you grow");

    image(img, 0, 350); 

    answer = select("#name");

​

  } 

            //function responde (){

        //h1.html (input + "Who are" + input);

            //}

​

  function mousePressed(){

    //h1.html (name.value(), Who are YOU!");

        h1.html (answer.value() + "Who are YOU!");

    h3 = createP ("the other side will make you shorten");}  

function draw() {

   clear();

  image(img, mouseX, 350);

  h2.position (350, pos);

  pos +=1;

  //responder.html (input.value());

}

​