Your browser does not support the canvas tag.

previous        Show / Hide Source        Download        next
void setup(){
  size(400,400);
  noSmooth();
}

void draw(){
   frameRate(60);
  background(244,242,243);//background
  
  //create the grass for battle
  fill(123,223,115);
  noStroke();
  ellipse(296,160,214+4*sin(frameCount*.05),83);
  ellipse(108,291,214+4*sin(frameCount*.05),83);
  
  fill(192,248,144);
  noStroke();
  ellipse(296,160,190+4*sin(frameCount*.05),75);
  ellipse(108,291,190+4*sin(frameCount*.05),75);
  
  fill(123,223,115);
  stroke(123,223,115);
  strokeWeight(5);
  line(234,137+1*sin(frameCount*.08),238,145);
  line(242,136+2*sin(frameCount*.08),242,145);
  line(250,138+1*sin(frameCount*.08),245,145);
  line(336,136+2*sin(frameCount*.08),340,146);
  line(344,136+1*sin(frameCount*.08),344,146);
  line(351,137+2*sin(frameCount*.08),347,146);
  
 
  //create pokemon
   //tummy
   noStroke();
  fill(243,194,113);
  ellipse(130,271,22,30);
  //hand
  noStroke();
  fill(148,197,221);
  quad(126,235,126,267,153,258,152,247);
  //tail
  fill(146,197,221);
  ellipse(90,282,22,26);
 
  //head
  fill(148,197,221);
  noStroke();
  ellipse(135,217,33,47); 
  ellipse(142,230,22,22);
  //eyes
  fill(255,255,255);
  stroke(255,255,255);
  strokeWeight(3);
  line(145,213,146,218);
  fill(0,0,0);
  stroke(0,0,0);
  strokeWeight(3);
  line(146,218,146,222);
  fill(142,77,82);
  stroke(142,77,82);
  strokeWeight(3);
  line(146,222,146,227);
  //mouse
  stroke(0,0,0);
  line(149,239,145,234);
  //shell
  fill(255,255,255);
  stroke(0,0,0);
  strokeWeight(0.7);
  ellipse(118,259,38,65);
  fill(194,105,3);
  stroke(0,0,0);
  strokeWeight(0.7);
  ellipse(110,261,36,58);
  
  //create another pokemon
  //left ear
  fill(248,168,184);
  stroke(135,67,78);
  triangle(277,95,274,121,289,110);
  fill(14,10,9);
  noStroke();
  triangle(279,98,277,118,285,110);
  //right ear
  fill(248,168,184);
  stroke(135,67,78);
  triangle(308,118,314,136,326,119);
  fill(14,10,9);
  noStroke();
  triangle(314,122,310,134,322,119);
  //left leg
  fill(248,168,184);
  ellipse(274,159,40,10);
  //right leg
  ellipse(296,170,10,20);
  //left hand
  ellipse(269,139,30,10);
  //right hand
  ellipse(312,155,20,10);
  //body
  fill(248,168,184);
  noStroke();
  ellipse(290,139,53,60);
  //mouse
  stroke(142,71,72);
  line(283,145,285,150);
  line(285,150,289,149);
  //left eye
  fill(255,255,255);
  stroke(242,126,149);
  strokeWeight(0.8);
  ellipse(278,131,12,20);
  fill(5,77,161);
  noStroke();
  ellipse(279,130,8,15);
  //right eye
   fill(255,255,255);
  stroke(242,126,149);
  strokeWeight(0.8);
  ellipse(301,138,12,22);
  fill(5,77,161);
  noStroke();
  ellipse(300,137,8,15);
  
  
  
 
  //create lines on background
  fill(248,247,160,140);
  noStroke();
  rect(0,10,400,5);
  fill(248,247,160,120);
  noStroke();
  rect(0,20,400,5);
  fill(248,247,160,100);
  noStroke();
  rect(0,30,400,5);
  fill(248,247,160,80);
  noStroke();
  rect(0,40,400,5);
  fill(248,247,160,60);
  noStroke();
  rect(0,40,400,5);
  fill(248,247,160,40);
  noStroke();
  rect(0,50,400,5);
  fill(248,247,160,20);
  noStroke();
  rect(0,60,400,5);
  
//create pokemon profile window
  fill(80,104,96);
  noStroke();
  quad(23,90,40,112,186,111,172,90); 
  fill(247,247,215);
  stroke(60,83,67);
  strokeWeight(3);
  rect(22,42,150,60,20);
  
//create porfile information
  fill(0,0,0);
  line(144,53,144,69);
  line(144,69,147,69);
  line(149,60,151,69);
  line(151,69,154,60);
  line(156,57,159,54);
  line(159,54,162,58);
  line(162,58,159,61);
  line(159,61,162,65);
  line(162,65,157,68);
  fill(68,100,87);
  noStroke();
  rect(60,79,105,16,20);
  fill(106,250,166);
  stroke(255,255,255);
  strokeWeight(2);
  rect(83,82,79,11,10);
  strokeWeight(3);
  stroke(255,202,71);
  strokeWeight(3);
  line(67,81,67,93);
  line(67,86,72,86);
  line(72,81,72,93);
  line(77,81,77,93);
  line(77,81,81,81);
  line(81,81,81,87);
  line(81,87,76,87);
  
   //create another pokemon profile window
  fill(80,104,96);
  noStroke();
  quad(226,258,209,283,370,284,374,264); 
  fill(247,247,215);
  stroke(60,83,67);
  strokeWeight(3);
  rect(226,192,150,77,20);
  //create the profile information
  fill(80,104,96);
  noStroke();
  rect(264,228,110,14,20);
  fill(106,250,166);
  stroke(255,255,255);
  strokeWeight(2);
  rect(288,230,83,10,10);
  stroke(0,0,0);
  strokeWeight(3);
  line(323,248,321,263);
  line(327,253,329,247);
  line(329,247,332,254);
  line(332,254,327,263);
  line(327,263,333,263);
  line(341,246,335,263);
  line(355,248,353,263);
  line(359,253,361,247);
  line(361,247,364,254);
  line(364,254,359,263);
  line(359,263,365,263);
  line(347,202,347,217);
  line(347,217,351,217);
  line(353,209,356,218);
  line(356,218,359,209);
  line(362,204,362,212);
  line(362,212,370,212);
  line(367,203,367,218);
  stroke(255,189,66);
  strokeWeight(3);
  line(269,230,269,241);
  line(269,235,274,235);
  line(274,230,274,241);
  line(278,230,279,241);
  line(278,230,285,230);
  line(285,230,285,235);
  line(285,235,279,235);
  
 
   
  
  //create battle interface
  fill(41,50,50);
  noStroke();
  rect(0,283,400,117);
  fill(200,168,74);
  noStroke();
  rect(4,288,392,114,20);
  fill(40,80,104);
  strokeWeight(4);
  stroke(242,231,240);
  rect(13,297,374,100,6);
  fill(41,50,50);
  noStroke();
  rect(200,285,200,115);
  fill(255,255,255);
  stroke(133,133,198);
  strokeWeight(6);
  rect(206,290,189,105,2);
  fill(66,188,217);
  noStroke();
  rect(263,271,43,5);
  fill(181,177,119);
  noStroke();
  rect(306,271,64,5);
  stroke(0,0,0);
  strokeWeight(2);
  line(228,317,234,317);
  line(228,317,228,335);
  line(228,325,233,325);
  line(237,317,244,317);
  line(241,317,241,336);
  line(236,336,244,336);
  line(255,322,251,317);
  line(251,317,247,322);
  line(247,322,247,333);
  line(247,333,252,336);
  line(252,336,254,327);
  line(254,327,252,327);
  line(257,317,257,336);
  line(257,324,264,324);
  line(265,317,265,336);
  line(267,317,274,317);
  line(271,317,271,336);
 fill(0,0,0);
 noStroke();
 triangle(216+1*sin(frameCount*.08),314,216+1*sin(frameCount*.08),336,223+1*sin(frameCount*.08),324);
}
  void mousePressed(){
    frameRate(2);
    noStroke();
    //water gun
    fill(56,88,176,150);
    ellipse(289,126,100,100);
    fill(36,52,196,150);
    ellipse(289,126,70,70);
    ellipse(164,207,30,30);
    ellipse(192,188,50,50);
    ellipse(220,164,60,60);
    ellipse(241,147,60,60);
    
    //the hp change
    fill(0,0,0);
  stroke(255,255,255);
  strokeWeight(2);
  rect(83,82,79,11,10);
  fill(237,28,36);
   stroke(255,255,255);
  strokeWeight(2);
  rect(83,82,20,11,10);
  
  
    
    
  
}