크롬 공룡게임?
크롬에서 인터넷 연결이 끊기면 나오는 게임이 있다. 공룡 캐릭터로 장애물을 피하면 되는 조작이 단순한 게임이다. 하지만 한 번 시작하면 상당히 중독성이 있다.
위와 같은 공룡게임의 조작방식 및 게임 방식을 이용하여 유서하게 javascript를 통해 구현해보고자 한다.
준비과정 - 튜토리얼
기초적인 튜토리얼은 yuotube - 코딩애플님의 '크롬 공룡게임 만들기1편~2편'을 참고했다.
크롬 공룡게임 만들기 1편 (자바스크립트로 2d 게임 개발하려면) - YouTube
강의에서 기본적인 코드와 설명을 해주고 있으므로 개발준비는 위를 참고하면 좋을 것 같다.
| 👇 youtube 강의에서 제공하는 내용 1) 네모 그리기 2) 애니메이션 만들기 - x좌표 이동 - 장애물 이동 구현(장애물 여러개 관리 및 삭제) - 조작(스페이스바 누르면 점프) 3) 충돌 체크 4) 이미지 삽입 |
위에서 나타난 기본적인 코드는 게시물 기록에서 제외한다.
추후 게시물은 개인적으로 수정한 코드와 그에 관한 설명을 기록할 예정이다.
미리 보는 결과물
개발환경: vscode
사용언어: javascript/Canvas
사용된 이미지: 직접 제작
'PROGAMMING > Project' 카테고리의 다른 글
| [Javascript / Canvas] 크롬 공룡게임 따라서 게임 만들기 #4 - 게임 속도 증가 (0) | 2023.09.03 |
|---|---|
| [Javascript / Canvas] 크롬 공룡게임 따라서 게임 만들기 #3 - 타이머, 점수, 게임오버 및 재시작 표시 (0) | 2023.08.29 |
| [Javascript / Cavas] 크롬 공룡게임 따라서 게임 만들기 #2 - 조작, 캐릭터 디자인, 움직이는 배경 (0) | 2023.08.11 |
| [Javascript / Cavas] 크롬 공룡게임 따라서 게임 만들기 #1 - 장애물 배치 (0) | 2023.06.25 |
크롬 공룡게임?
크롬에서 인터넷 연결이 끊기면 나오는 게임이 있다. 공룡 캐릭터로 장애물을 피하면 되는 조작이 단순한 게임이다. 하지만 한 번 시작하면 상당히 중독성이 있다.
위와 같은 공룡게임의 조작방식 및 게임 방식을 이용하여 유서하게 javascript를 통해 구현해보고자 한다.
준비과정 - 튜토리얼
기초적인 튜토리얼은 yuotube - 코딩애플님의 '크롬 공룡게임 만들기1편~2편'을 참고했다.
크롬 공룡게임 만들기 1편 (자바스크립트로 2d 게임 개발하려면) - YouTube
강의에서 기본적인 코드와 설명을 해주고 있으므로 개발준비는 위를 참고하면 좋을 것 같다.
| 👇 youtube 강의에서 제공하는 내용 1) 네모 그리기 2) 애니메이션 만들기 - x좌표 이동 - 장애물 이동 구현(장애물 여러개 관리 및 삭제) - 조작(스페이스바 누르면 점프) 3) 충돌 체크 4) 이미지 삽입 |
위에서 나타난 기본적인 코드는 게시물 기록에서 제외한다.
추후 게시물은 개인적으로 수정한 코드와 그에 관한 설명을 기록할 예정이다.
미리 보는 결과물
개발환경: vscode
사용언어: javascript/Canvas
사용된 이미지: 직접 제작
'PROGAMMING > Project' 카테고리의 다른 글
| [Javascript / Canvas] 크롬 공룡게임 따라서 게임 만들기 #4 - 게임 속도 증가 (0) | 2023.09.03 |
|---|---|
| [Javascript / Canvas] 크롬 공룡게임 따라서 게임 만들기 #3 - 타이머, 점수, 게임오버 및 재시작 표시 (0) | 2023.08.29 |
| [Javascript / Cavas] 크롬 공룡게임 따라서 게임 만들기 #2 - 조작, 캐릭터 디자인, 움직이는 배경 (0) | 2023.08.11 |
| [Javascript / Cavas] 크롬 공룡게임 따라서 게임 만들기 #1 - 장애물 배치 (0) | 2023.06.25 |
