이제 체스말 이미지를 가져와서 체스판 위에 배치해보자.
1-5. 이미지 사용하기 - Canvas API | MDN
지금까지 우리는 Canvas를 가지고 도형을 만들고 그 도형에 스타일을 적용해봤습니다. 이미지를 사용하는 기능은 의 가장 흥미로운 기능 중 하나입니다. 이 기능은 게임의 그래픽 배경이나 혹은
agal.tistory.com
위 글중에서 1개의 이미지를 구역별로 잘라서 사용하는 내용을 참고하였다.
체스말 그리기는 비교적 쉽게 끝났다.
코드에 위치가 하드코딩 되어있긴 하지만 나중에 수정하도록 하고 다음으로 넘어간다.
이제 말을 클릭하여, 다른 곳으로 이동하는 작업을 해보자.
'개발일지' 카테고리의 다른 글
| [CANVAS - 체스] 4. 말 잡아먹기 (0) | 2022.04.02 |
|---|---|
| [CANVAS - 체스] 3. 체스말 이동하기 (0) | 2022.04.02 |
| [CANVAS - 체스] 1. 세팅 및 체스판 그리기 (0) | 2022.04.02 |
| [사이드프로젝트] mui 5 (0) | 2021.12.12 |
| [사이드프로젝트] 써보고 싶은 UI 컴포넌트 - chakra (0) | 2021.11.19 |
