2) if-else문

• 두 개의 사각형 영역 중 마우스가 위치한 영역의 색상이 바뀌도록 만들어보자.

• 우선 원이 마우스를 따라 움직이도록 한다. 출력 화면을 두 개의 영역으로 나누고 그 중 마우스가 위치한 영역에 따라 원의 색상이 바뀌도록 수정해보자.

3) if-else if문

• 세 개의 사각형 영역 중 마우스가 위치한 영역의 색상이 바뀌도록 만들어보자.

• 네 개의 사각형 영역(4사분면) 중 마우스가 위치한 영역의 색상이 바뀌도록 만들어보자.

function setup() {
  createCanvas(400, 400);
}
function draw() {
  background(0);
  fill(255,255,0);
  if(mouseX<width/2 &&mouseY<height/2){
    rect(0,0,width/2,height/2);
  }else if(mouseX>width/2 && mouseY<height/2){
    rect(width/2,0,width/2,height/2);        
  }else if(mouseX<width/2 && mouseY>height/2){
    rect(0,height/2,width/2,height/2);       
  }else{
    rect(width/2,height/2,width/2,height/2);      
  }
}

• 좌우 반사하는 팩맨을 만들어보자.