Skip to content

llighter/acomon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

6f1bbbc · May 7, 2018
Apr 27, 2017
Apr 28, 2017
Apr 27, 2017
May 7, 2018
Apr 28, 2017
Apr 27, 2017
Apr 26, 2017
Apr 28, 2017
Apr 24, 2017
Apr 27, 2017
Apr 16, 2017
May 7, 2018

Repository files navigation

Acomon

mini project : Homepage for Pokemon

1. 개요

  • **HTML5 + (Canvas)**를 활용하여 RPG게임을 개발한다.
  • 2D 게임의 향수를 불러일으키는 동시에 프로그래밍 지식을 최대로 활용하는 것을 목적으로 한다.

2. 실행

[AllForOne]-[index.html]

대화 및 퀘스트는 [1], [2] 등 숫자를 통해 선택한다. 이동은 방향키로 한다. 아무거나 누르면 잘 안될 수도 있다. 새로고침을 하도록하자.

3. 기술에 대해여

3-1. 맵 그리기

64px을 단위로 20X20(1280px X 1280px)크기의 맵을 구성한다. map1

NPC는 특정 위치에 고정되며 맵 이동시 주인공은 중앙에 위치한다. map-move

먼저 맵을 그린 후 그 위에 캐릭터를 중앙에 그린다. map3

위치에 저장된 값을 이용하여 충돌을 감지한다. map4

NPC와 대화할 때는 키보드를 이용한다. quest

3-2. 전투

전투는 전투화면으로 변환하여 진행한다. battle1

전투지역에 들어가면 자동으로 전투가 시작된다. battle