- 웹브라우저에서 동작하는 머드게임을 제작해본다.
- 학부 입학해서 박사로 졸업하는 일련의 과정을 몸소 겪어본다.
- 제작한 서버에 맞게 동작하는 프론트엔드 코드도 구성하여 웹게임의 AtoZ를 마무리한다.
- HTML
- CSS
- Javascript
- Express
- MongoDB
Clone this -> npm install -> node src/index.js
💥 Node 시작 전에 .env 파일을 최상단 디렉토리 안에 넣어 주세요 💥
** .env **
mongoURI="mongo_uri"- 로그인, 회원가입
- 3-12 글자 닉네임 이름 입력으로 회원가입과 동시에 로그인
- 중복된 닉네임이 있을 경우 alert
- Ranking
- 게임의 ending을 본 유저들을 완주 move가 적은 순서대로 표시
- 첫 시작시 능력치가 랜덤으로 부여되며, 5번까지 재설정할 수 있다. 재설정 역시 랜덤으로 값이 부여된다.
- 맵은 10*10 칸으로 구성된다. 현재 위치가 미니맵에 표시되며, 동서남북으로 이동할 수 있다.
- 정문, 농대식당, 301동, 자하연 등 실제 서울대 내 지명을 사용했음.
- 실제 서울대 지도와 유사하게 맵을 배치하였음.
- 필드별 이벤트는 아래와 같다.
- "nothing" : 아무 일도 일어나지 않는다.
- "battle" : 몬스터를 만나 전투를 한다.
- "Item" : 체력 회복, 능력치 향상에 도움이 되는 아이템을 획득한다. 인벤토리에 저장된다.
- Level
- 1-4 학사
- 5-8 석사
- 9-12 박사
- 13 졸업
- Exp
- 사망시 0으로 초기화된다.
- 레벨이 높아질수록 최대 Exp 수치가 증가한다.
- HP
- 레벨이 높아질수록 최대 HP 수치가 증가한다.
- 레벨업시 체력이 최대치로 회복된다.
- 체력이 0 이하로 내려갈 경우 사망한다.
- STR, INT
- 최초 시작시 1-5 사이의 값을 임의로 배정받는다. 5번까지 재설정 가능하다.
- 몬스터를 만나 전투를 한다.
- 전투하지 않고 도망갈 수 있다.
- (내 STR+INT) / (내 STR+INT + 적 STR+INT) 확률로 공격 성공한다.
- 전투가 10턴 안에 끝나지 않거나, 체력이 20% 이하로 감소할 경우 도망가는 선택지가 추가로 주어진다.
- 전투중 체력이 0이하로 감소하면, 사망한다.
- 아이템 하나를 랜덤하게 상실한다.
- 경험치가 0으로 초기화된다. (레벨은 유지된다.)
- 유저의 좌표가 원점으로 초기화된다.
- 몬스터 종류
- 학사 : 퀴즈, 과제, 중간고사, 기말고사, 어색한 선배와의 술자리
- 석사 : 교수님과의 면담, 늦잠, 내가 조교인 강좌에서 수강생 100명의 답안지 채점, 석사 논문 발표, 연구실 술자리
- 박사 : 깜깜한 내 미래, 연구실 추가 실험, 거의 다 쓴 논문이 날아감, 박사 논문 발표, 교수님과의 겸상
- 아이템을 획득한다.
- 체력을 회복하는 1회성 아이템과, 능력치를 높여주는 영구 아이템이 있다.
- 회복된 체력과 향상된 능력치는 stat 창에서 확인 가능하다.
- 획득한 아이템들은 inventory UI에서 확인 가능하다.
- 사망시 보유하고 있는 아이템 중 하나를 랜덤으로 잃어버린다.
- 잃어버린 아이템의 능력치 수치만큼 유저의 능력치가 감소한다.
- 아이템 종류
- 학사 : 전설의 족보, 유출된 시험지, 노트북, 상쾌환, 과탑의 볼펜
- 석사 : 만능 논문 번역기, 시험지 자동 채점 프로그램, 휴가, 홍삼, 교수님의 칭찬
- 박사 : 스포츠카, 논문 제 1 저자가 될 기회, 노벨상, 여명 808, 장학금