yoon's Devlog

다음 게시물에서 DragonFlight라는 슈팅게임을 구현해보려 한다. 따라서, DragonFlight 구현에 필요한 canvas 사용법에 대해 알아보려 한다. Step1. 캔버스 생성하기, 도구 준비하기 canvas 생성에는 태그를 사용한다. context는 그림을 그릴 수 있는 도구로, context의 참조값도 얻어온다. 중요한 점은, context와 canvas는 서로 독립적이라는 것이다. Step2. 선 스타일 지정하기 Step3. 선 그리기 stroke를 꼭 해주어야 한다. stroke를 하지 않으면 캔버스에 아무것도 표시되지 않는다. Step4. 이미지 삽입하기 new Image()는 힙 영역에 이미지 객체를 생성한다. onload를 사용하는 이유는, 페이지 로딩 시점에 이미지가 로딩되어 있지..