1) 시스템 변수

• 시스템 변수 : 자주 사용하는 변수를 미리 전역변수로 선언하여 등록해 둔 변수
  • 별도로 선언할 필요없이 사용할 수 있음.
  • 코드가 실행될 때 프로그램의 상태나 동작에 대한 정보를 저장하는 변수(=내장변수)
  • 마우스와 키보드 관련 다양한 실시간 상호 작용 구현 가능
  • 사용자가 일반 변수를 선언 시 동일 이름으로 정의하면 오류 발생
  • setup( ), draw( )에서 모두 정의 없이 사용 가능

2) 마우스 제어

• 마우스를 따라 선이 그려지도록 해보자.
  • pmouseX & pmouseY : 이전 프레임의 마우스 위치 좌표(x, y)를 저장하는 시스템 변수
  • mouseX & mouseY : 현제 프레임의 마우스 위치 좌표(x, y)를 저장하는 시스템 변수

Q1. 선 대신 원이나 사각형이 따라오도록 바꿔보자.

→ ellipse(mouseX, mouseY, 20, 20); 또는 rect(mouseX, mouseY, 20, 20);로 수정

• 문자열이 마우스를 따라 움직이도록 만들어보자.

• 마우스를 표적으로 삼아 움직이는 두 개의 선과 하나의 원을 그려보자.

• 마우스를 표적으로 삼아 움직이는 네 개의 모서리에 고정된 선과 하나의 원을 그려보자.

• 원의 중심에서 마우스까지 거리에 따라 크기가 달라지도록 만들어보자.
  • dist( ) : 원의 중심에서 마우스의 현재 이치까지의 거리를 계산(변수 d는 반지름)