[CANVAS - 체스] 2. 체스말 이미지 불러오기 이제 체스말 이미지를 가져와서 체스판 위에 배치해보자. https://agal.tistory.com/206 1-5. 이미지 사용하기 - Canvas API | MDN 지금까지 우리는 Canvas를 가지고 도형을 만들고 그 도형에 스타일을 적용해봤습니다. 이미지를 사용하는 기능은 의 가장 흥미로운 기능 중 하나입니다. 이 기능은 게임의 그래픽 배경이나 혹은 agal.tistory.com 위 글중에서 1개의 이미지를 구역별로 잘라서 사용하는 내용을 참고하였다. 체스말 그리기는 비교적 쉽게 끝났다. 코드에 위치가 하드코딩 되어있긴 하지만 나중에 수정하도록 하고 다음으로 넘어간다. 이제 말을 클릭하여, 다른 곳으로 이동하는 작업을 해보자. 더보기 [CANVAS - 체스] 1. 세팅 및 체스판 그리기 canvas에 예전부터 관심이 갔는데 뭐 좀 하다가 시들해지고 그랬었다. 이번에는 아주 천천히 하더라도 조금씩 계속 뭔가 하는게 좋을 것 같아서 해보려함 내가 하고싶은거는 체스 만들기. 2D로 그려진 체스판에서 체스하는거다. 1. 체스판은 가로세로 8x8. 한칸당 10px로 잡고 800 x 800의 캔버스를 만들었다. 2. 각 칸에 색칠을 하려고 한다. 아래 사진과 같은 느낌. ctx.fillRect(0, 0, 10, 10)를 이용해서 10px 10px의 정사각형을 그리려고 했는데 이모양이다. 예전에도 비슷한 문제가 있었는데 기억이 안나서 다시 찾아야한다. 토스트에서 이런 글을 올려주었다. https://ui.toast.com/weekly-pick/ko_20210526 삽질하기 싫으면 꼭 읽어봐야 할 C.. 더보기 [LeetCode] 푸는중 103. Binary Tree Zigzag Level Order Traversal https://leetcode.com/problems/binary-tree-zigzag-level-order-traversal/ Binary Tree Zigzag Level Order Traversal - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com 허어 꽤나 틀리네.. 낼 다시 풀어보자. 더보기 이전 1 ··· 7 8 9 10 11 12 13 ··· 72 다음 목록 더보기
