4주차 2교시 — 마우스·키보드 인터랙션

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);

  if (mouseIsPressed) {
    //  마우스를 누르고 있는 동안 원 그리기
    fill(0, 150, 255);
    ellipse(mouseX, mouseY, 30, 30);
  }
}

function setup() {
  createCanvas(400, 400);
  background(220);  //  setup()으로 이동: 한 번만 실행
}

function draw() {
  // background() 없음 → 이전 프레임이 남아있음 (잔상)

  if (mouseIsPressed) {
    noStroke();
    fill(0, 150, 255);
    ellipse(mouseX, mouseY, 30, 30);
  }
}

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);

  //  콘솔에 마우스 정보 출력
  console.log("mouseX:", mouseX, "mouseY:", mouseY, "눌림:", mouseIsPressed);
}

function setup() {
  createCanvas(400, 400);
  background(220);
}

function draw() {
  if (mouseIsPressed) {
    stroke(0, 150, 255);
    strokeWeight(4);
    //  이전 위치 → 현재 위치로 선 긋기
    line(pmouseX, pmouseY, mouseX, mouseY);
  }
}

function setup() {
  createCanvas(400, 400);
}

function draw() {
  // draw()에서는 특별히 할 일 없음
}

//  draw() 밖에 별도로 작성!
function mousePressed() {
  background(random(255), random(255), random(255));
}

function setup() {
  createCanvas(400, 400);
  background(220);
}

function draw() {
  if (mouseIsPressed) {
    noStroke();
    if (mouseButton === LEFT) {
      fill(0, 150, 255);                      // 왼쪽 클릭: 파란색 그리기
      ellipse(mouseX, mouseY, 20, 20);
    } else if (mouseButton === RIGHT) {
      fill(220);                               // 오른쪽 클릭: 지우기
      ellipse(mouseX, mouseY, 40, 40);
    }
  }
}

function setup() {
  createCanvas(400, 400);
  background(220);
}

function draw() {
  // draw()는 배경 유지
}

function keyPressed() {
  //  키를 누를 때마다 랜덤 위치에 원 그리기
  fill(random(255), random(255), random(255));
  ellipse(random(width), random(height), 50, 50);
}

function keyPressed() {
  console.log("key:", key, "keyCode:", keyCode);
}

let bgColor = 220;

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(bgColor);
}

function keyPressed() {
  if (key === 'r') {
    bgColor = color(255, 0, 0);   // r키: 빨강
  } else if (key === 'g') {
    bgColor = color(0, 255, 0);   // g키: 초록
  } else if (key === 'b') {
    bgColor = color(0, 0, 255);   // b키: 파랑
  }
}

let x = 200;
let y = 200;

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  fill(0, 150, 255);
  ellipse(x, y, 40, 40);
}

function keyPressed() {
  if (keyCode === UP_ARROW) {
    y -= 10;  //  위로 10px 이동
  } else if (keyCode === DOWN_ARROW) {
    y += 10;
  } else if (keyCode === LEFT_ARROW) {
    x -= 10;
  } else if (keyCode === RIGHT_ARROW) {
    x += 10;
  }
}

//  직관적이지만 긴 버전
function mousePressed() {
  if (isRed === false) {
    isRed = true;
  } else {
    isRed = false;
  }
}

//  간단한 버전
function mousePressed() {
  isRed = !isRed;  // true ↔ false 토글!
}

let isRed = true;  //  상태 변수: draw() 밖에 선언

function setup() {
  createCanvas(400, 400);
}

function draw() {
  if (isRed) {
    background(255, 0, 0);  // isRed가 true → 빨강
  } else {
    background(0, 0, 255);  // isRed가 false → 파랑
  }
}

function mousePressed() {
  isRed = !isRed;  //  true ↔ false 토글!
}

let brushSize = 20;  // 상태 변수: 브러시 크기

function setup() {
  createCanvas(400, 400);
  background(220);
}

function draw() {
  if (mouseIsPressed) {
    noStroke();
    fill(0, 150, 255);
    ellipse(mouseX, mouseY, brushSize, brushSize);
  }
}

function keyPressed() {
  if (keyCode === UP_ARROW) {
    brushSize += 5;   //  위 방향키: 크기 증가
  } else if (keyCode === DOWN_ARROW) {
    brushSize -= 5;   //  아래 방향키: 크기 감소
  }

  // 최소 크기 보장
  if (brushSize < 5) {
    brushSize = 5;
  }
}

let count = 0;

function setup() {
  createCanvas(400, 400);
  textAlign(CENTER, CENTER);
  textSize(64);
}

function draw() {
  background(220);
  text(count, 200, 200);  //  화면에 숫자 표시
}

function mousePressed() {
  count = count + 1;  //  클릭할 때마다 1 증가
}