Google 크롬 브라우저에서 오프라인 공룡 게임을 대략적으로 복제했습니다. 이 프로그램을 통해 배운 내용:
이 코드는 오프라인으로 플레이할 수 있거나 여기에서 찾을 수 있는 Chrome 브라우저 내의 작은 미니 게임을 만드는 대략적인 자바스크립트입니다! 게임은 위쪽 화살표로 점프하도록 제어되며, 목표는 게임이 진행됨에 따라 점점 더 빠르게 나타나는 오른쪽에서 나오는 선인장을 뛰어넘어 최대한 오래 생존하는 것입니다. 저장소를 복제하고 dino.html 파일을 클릭하여 게임을 시작합니다.
코드는 대부분 공룡을 위한 매우 기본적인 플랫폼 점프와 선인장의 무작위 크기 산란으로, 게임 속도가 너무 바빠지지 않도록 최대치까지 증가합니다. 카운터에 점수가 저장되며 게임이 열려 있는 동안 최고 점수가 저장됩니다.
저장소를 복제하고 dino.html을 열어 시작하세요!
이 프로그램의 주요 과제이자 제가 달성하고자 했던 것은 게임 내의 이미지에 스프라이트 시트를 사용하는 것이었습니다. 이는 게임 내에서 겹치는 부분이나 간격 없이 지면을 무한히 스크롤하는 것이 특히 어려웠습니다. 스프라이트 시트 사용법을 배우는 것과 함께 게임이 업데이트됨에 따라 프레임 전환을 통해 기본적인 애니메이션 기술도 배웠습니다.
모든 코드는 제가 생성했으며, 사용된 스프라이트 시트는 위의 chromedino 링크를 통해 얻었습니다.
