Canvas 렌더링 루프 지도

정적인 도형 그리기를 넘어서면 입력, 상태, 지우기, 다시 그리기를 한 프레임 단위로 반복합니다.

Input

입력 수집

마우스, 키보드, 시간 변화 같은 외부 신호 를 읽습니다.

Update

상태 계산

위치, 속도, 색상처럼 다음 프레임의 모델 값 을 바꿉니다.

Clear

캔버스 정리

clearRect 로 이전 그림을 지워 잔상이 남지 않게 합니다.

Draw

다시 그리기

현재 상태를 기준으로 도형, 이미지, 텍스트를 새로 렌더링 합니다.

핵심Canvas 렌더링 루프 지도은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.