JavaScript로 횡스크롤 게임 만들기 여섯 번째
안녕하세요 느종입니다. 횡스크롤 게임 만들기도 거의 막바지에 다다르고 있습니다. 오늘은 충돌 함수, 랜덤 함수, 초기화 함수 등 각종 함수들과 결과 화면 페이지까지 구성하여 횡스크롤 게임에 대한 모든 코드를 완성해보도록 하겠습니다. 마지막까지 힘내서 코드를 작성해요! 함께 공부해요! 1. 결과 화면 페이지 결과 화면의 모습입니다. 게임…
안녕하세요 느종입니다. 횡스크롤 게임 만들기도 거의 막바지에 다다르고 있습니다. 오늘은 충돌 함수, 랜덤 함수, 초기화 함수 등 각종 함수들과 결과 화면 페이지까지 구성하여 횡스크롤 게임에 대한 모든 코드를 완성해보도록 하겠습니다. 마지막까지 힘내서 코드를 작성해요! 함께 공부해요! 1. 결과 화면 페이지 결과 화면의 모습입니다. 게임…
안녕하세요 느종입니다. 오늘은 횡스크롤 게임에서 플레이어, 객체, 장애물 등을 그려주는 메인 함수 로직을 만들고, 실제로 게임을 진행할 수 있도록 그려주는 루프 함수에 대한 코드를 작성해 보겠습니다. 벌써 5번째 시간이네요. 함께 공부해요! 1. 자바스크립트 코드 1. main() : 플레이어, 장애물, 배경 화면의 객체를 생성하고 …
안녕하세요 느종입니다. 오늘은 저번 시간에 이어서 횡스크롤 게임에 필요한 각종 변수들과 조작키를 설정하는 함수에 대해 자바스크립트 코드를 작성해 보도록 하겠습니다. 함께 공부해요! 1. 자바스크립트 코드 1. BACKGROUND_SPEED : 배경 화면이 움직이는 속도 변수입니다. 2. GROUND_Y_COORDINATE : 캔…
안녕하세요 느종입니다. 오늘은 횡스크롤 게임의 내부적인 기능에 대한 코드를 작성해 보도록 하겠습니다. 해야 될 정리 리스트에 있는 내용들을 하나씩 코드로 변환하다 보면 어렵지 않게 콘텐츠를 완성할 수 있을 것입니다. 함께 공부해요! 1. 자바스크립트 코드 1. IMG_SRC : 플레이어, 장애물, 배경화면의 이미지를 만들기 위한 X…
안녕하세요 느종입니다. 오늘은 저번 시간에 이어서 HTML, CSS 코드를 작성해 보도록 하겠습니다. 외형적인 부분을 먼저 만들고 난 후 내부 기능에 대한 코드를 작성해 볼까 합니다. 횡스크롤 게임은 대부분 캔버스 안에서 동작들이 이루어지기 때문에 HTML, CSS코드는 길지가 않습니다. 저번 시간에 대략적으로 해야 될 내용들을 정리…
안녕하세요 느종입니다. 오랜만에 글을 작성하네요. 그동안 자바스크립트로 여러 가지 콘텐츠들을 만들어보았는데요. 너무 정적인 콘텐츠들만 만들었다는 생각을 문득 하게 되었습니다. 그래서 이번에는 동적인 콘텐츠를 만들어볼까 합니다. 그중에서도 쿠키런 게임과 비슷한 횡스크롤 게임을 한 번 만들어보려고 합니다. 캔버스와 애니메이션을 활용하여 코…