var health2 = 100;

var pkmn1 = 'Rowlet';

var pkmn2 = 'Charmander';

var atk1 = '';

var atk2 = '';

var atk3 = '';

var atk4 = '';

var atk5 = '';

var atk6 = '';

var atk7 = '';

var atk8 = '';

var dam1 = 0;

var dam2 = 0;

var dam3 = 0;

var dam4 = 0;

var dam5 = 0;

var dam6 = 0;

var dam7 = 0;

var dam8 = 0;

var atkMlp1 = 1;

var atkMlp2 = 1;

​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  background(220);

  fill('red'); 

  rect(190,25,200,50);

  fill(0,255,0);

  rect(190,25,health1*2,50);

  fill(0);

  textSize(25);

  text(pkmn1, 60,60);

  if(mouseIsPressed){

     health1 -= 0.5;

     health2 -= 0.5;

  }

  if(health1 <0){

    health1 = 0;

    health2 = 0;

  }

​

  fill('red'); 

  rect(10,325,200,50);

  fill(0,255,0);

  rect(10,325,health2*2,50);

  fill(0);

  textSize(25);

  text(pkmn2, 235,360);

}