방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 윈드러너1 HTML Canvas 배경 이미지 슬라이딩(slide background image) * 게시글 하단의 제 깃허브 주소를 통해 실제 구현된 모습을 볼 수 있습니다 백그라운드에서 이미지가 자연스럽게 슬라이딩하는 애니메이션을 소개합니다. 비교적 가볍게 구현할 수 있습니다. 달리기 하는 게임류를 보면 뒷 배경이 움직이면서 캐릭터가 달리기를 하는 모양을 보곤 합니다. 대표적인 게임을 보면...윈드러너를 예로 들 수 있겠습니다. 이처럼 뒷 배경이 계속해서 움직이도록 하려면 아주 긴 이미지의 x좌표값을 0에서 이미지의 길이 값 만큼 변경 해 가면 이러한 효과를 줄 수 있습니다. 캔버스에서 이미지를 그리는 함수는 drawImage입니다. ctx.drawImage('이미지데이터',x좌표,y좌표,이미지길이,이미지넓이) 그런데 이미지의 길이가 짧다면, 이러한 방법으로는 한계가 있습니다. 먼저 한계가 있는 .. 2022. 1. 24. 이전 1 다음
