Lab2_battery

int posX=35, posY=30;
float resize=150;      //changeable
float charge=0;
void setup(){
  size(350,250);
  frameRate(15);
}
void draw() {
  background(130,120,240); //light_blue
  batteryTank();
  positive();
  negative();
  stroke(0);
}
void batteryTank(){
  float chargeW;
  fill(255);
  textSize(resize/10);
  text("Battery: "+charge+"%",posX+resize/100*25*2.25,posY+resize/100*125);
  //tank
  strokeWeight(3);
  fill(130); //gray
  rect(posX,posY,resize/100*80*2.25,resize/100*100,resize/100*5*2.25);
  rect(posX+resize/100*80*2.25,posY+resize/100*30,resize/100*3*2.25,resize/100*40);
  fill(150);
  rect(posX+resize/100*2.5*2.25,posY,resize/100*75*2.25,resize/100*100,resize/100*2*2.25);
  //power
  chargeW=charge/100*resize/100*75*2.25;
  fill(#38E82C); //green
  rect(posX+resize/100*2.5*2.25,posY,chargeW,resize/100*100,resize/100*2*2.25);
  charge++;
  charge %= 101;
}
void positive(){
  noStroke();
  fill(#DE1F1F); //red
  rect(posX+1.75*resize,posY+resize,resize/10,resize*0.4);
  rect(posX-75*resize/500+1.75*resize,posY+75*resize/500+resize,resize*0.4,resize/10);
}
void negative(){
  noStroke();
  fill(#1752CE); //blue
  rect(posX-75*resize/500+0.1*resize,posY+75*resize/500+resize,resize*0.4,resize/10);
}

Lab2_positive

int red=255, green=255 ,blue=255;
int posX=0;
void draw() {
  size(300,300);
  background(240,30,35);
  positive();
}
void positive(){
  int resize=100;
  int posY=50;
  noStroke();
  fill(red,green,blue);
  rect(posX-resize*1.25,posY,resize/2,resize*2);
  rect(posX-resize*1.25-75*resize/100,posY+75*resize/100,resize*2,resize/2);
  posX++;
  posX%=resize*5;
}
void mouseMoved(){
  red+=4;
  green+=2;
  blue++;
  red %= 256;
  green %= 256;
  blue %= 256;
}
 
errors: The variable "resize" does not exist
cause: เกิดจากการประกาศตัวแปรผิด function [ใส่ไว้ใน void draw()]
how to fix: ย้ายคำสั่งประกาศตัวแปรมาใส่ใน function ที่มีการใช้ตัวแปรนั้นๆ [ต้องใส่ใน void positive()]

Lab1_song

void setup(){
  int posX=280;
  size(350,185);
  background(#F7DEA7); //colorLight_Brown
  noStroke();
  //draw"THE"
  fill(0); //colorBlack
  rect(posX-25,10,70,30); //blank"THE"
  fill(#F7DEA7);
  rect(posX-25,15,7,25);
  rect(posX-13,15,7,25); //T
  rect(posX,10,15,12);
  rect(posX,27,15,13); //H
  rect(posX+20,10,3,30);
  rect(posX+28,15,17,7);
  rect(posX+28,27,17,8); //E
  triangle(posX+33,10,posX+45,45,posX+45,10);
  //draw"SCRIPT"
  fill(0);
  arc(45,75,60,60,HALF_PI,TWO_PI);
  arc(45,131,70,70,HALF_PI+PI,TWO_PI+HALF_PI); //S
  arc(130,105,110,110,QUARTER_PI+PI/32,TWO_PI-QUARTER_PI-PI/32); //C
  rect(165,50,20,10);
  rect(165,105,20,10);
  arc(185,82.5,60,65,3*PI/2,5*PI/2);
  quad(170,115,185,115,215,147,215,163); //R
  rect(220,50,10,120); //I
  rect(235,50,10,120);
  rect(245,50,20,10);
  rect(245,105,20,10);
  arc(265,82.5,60,65,3*PI/2,5*PI/2); //P
  quad(265,50,330,50,335,60,265,60);
  rect(300,50,10,120); //T
  fill(#F7DEA7); //colorLight_Brown
  arc(45,76,40,40,HALF_PI,TWO_PI);
  arc(45,131,50,50,HALF_PI+PI,TWO_PI+HALF_PI); //S
  arc(130,105,90,90,QUARTER_PI,TWO_PI-QUARTER_PI); //C
  triangle(147,50,155,80,155,50);
  arc(185,82.5,40,45,3*PI/2,5*PI/2); //R
  quad(220,65,230,60,230,65,220,70); //I
  arc(265,82.5,40,45,3*PI/2,5*PI/2); //P
  triangle(220,170,310,130,310,170);
  fill(0);
  rect(155,50,10,97); //R
}

Lab1_movie

void setup(){
  int posX=200,posY=110;
  size(250,250);
  background(#FA2B2B); //red
  strokeWeight(3);
  stroke(100); //lnColorGray
  fill(0); //colorBlack
  quad(posX-95,posY+115,posX+145,posY+115,posX+109,posY+19,posX-59,posY+19); //wing
  arc(posX+25,posY-90,550,455,HALF_PI-PI/7,HALF_PI+PI/7); //wing
  quad(posX-53,posY+15,posX+103,posY+15,posX+75,posY+125,posX-25,posY+125); //face
  arc(posX+25,posY-10,160,160,PI-PI/8,TWO_PI+PI/8,OPEN); //head
  quad(posX+37,posY+21,posX+90,posY+21,posX+145,posY+115,posX+112,posY+15);
  quad(posX+13,posY+21,posX-40,posY+21,posX-95,posY+115,posX-63,posY+15);
  arc(posX+75,posY+20,75,60,PI,TWO_PI); //R-eyebrow
  arc(posX-25,posY+20,75,60,PI,TWO_PI);  //L-eyebrow
  fill(255); //colorWhite
  ellipse(posX+55,posY+45,70,35); //R-eye
  ellipse(posX-5,posY+45,70,35); //L-eye
  fill(0);
  triangle(posX-25,posY+125,posX+75,posY+125,posX+25,posY+65); //mouth
  stroke(255); //lnColorWhite
  line(posX-9,posY+108,posX-9,posY+125);
  line(posX+8,posY+88,posX+8,posY+125);
  line(posX+25,posY+80,posX+25,posY+125);
  line(posX+42,posY+88,posX+42,posY+125);
  line(posX+59,posY+108,posX+59,posY+125);
  stroke(100);
  fill(255);
  rect(posX+13,posY+65,25,15); //nose
  fill(0);
  rect(posX+15,posY-92,20,145);
  quad(posX+15,posY+53,posX+35,posY+53,posX+38,posY+65,posX+13,posY+65);
  arc(posX+25,posY+125,100,40,0,PI,CHORD); //chin
  fill(255);
  ellipse(posX+70,posY+125,10,10);
  ellipse(posX-20,posY+125,10,10);
}

Lab1_Battery

void setup() {
  int posX=35, posY=30;
  float resize=150;
  float charge=70;
  size(350,250);
  background(130,120,240); //light_blue
  textSize(resize/10);
  text("Battery: "+charge+"%",posX+resize/100*25*2.25,posY+resize/100*125);
  //tank
  strokeWeight(3);
  fill(130); //gray
  rect(posX,posY,resize/100*80*2.25,resize/100*100,resize/100*5*2.25);
  rect(posX+resize/100*80*2.25,posY+resize/100*30,resize/100*3*2.25,resize/100*40);
  fill(150);
  rect(posX+resize/100*2.5*2.25,posY,resize/100*75*2.25,resize/100*100,resize/100*2*2.25);
  //power
  charge=charge/100*resize/100*75*2.25;
  fill(#38E82C); //green
  rect(posX+resize/100*2.5*2.25,posY,charge,resize/100*100,resize/100*2*2.25);
}