입력 수집
마우스, 키보드, 시간 변화 같은 외부 신호를 읽습니다.
Canvas 렌더링 루프
정적인 도형 그리기를 넘어서면 입력, 상태, 지우기, 다시 그리기를 한 프레임 단위로 반복합니다.
상태 계산
위치, 속도, 색상처럼 다음 프레임의 모델 값을 바꿉니다.
캔버스 정리
clearRect로 이전 그림을 지워 잔상이 남지 않게 합니다.
다시 그리기
현재 상태를 기준으로 도형, 이미지, 텍스트를 새로 렌더링합니다.
정적인 도형 그리기를 넘어서면 입력, 상태, 지우기, 다시 그리기를 한 프레임 단위로 반복합니다.
마우스, 키보드, 시간 변화 같은 외부 신호를 읽습니다.
위치, 속도, 색상처럼 다음 프레임의 모델 값을 바꿉니다.
clearRect로 이전 그림을 지워 잔상이 남지 않게 합니다.
현재 상태를 기준으로 도형, 이미지, 텍스트를 새로 렌더링합니다.