[Phaser.js] Magic eightBall, Race day

굉장히 간단한 프로젝트 두 개를 실습해보는 시간이었다. 게임을 만들기 전에 뭐 준비운동 정도랄까 

 

#1 Magic eightBall

 

Magic eightBall이 무엇이냐... 이런 단순한 포츈텔링 게임이다.

아니꼬운 말을 쓴 걸 아는지... 다시 뽑으란다..

 

미안하다고 했는데도.. 자는걸 다시 생각해보란다 ㅋㅋㅋㅋㅋ(현재 시각 새벽 3시 22분) 진짜 랜덤으로 아무말이나 나옴을 알 수 있다. 고도화된 AI라면 얼른 자라며 나의 건강을 걱정해줄텐데 get embedded code에서 설마 이걸 짠 로직을 볼 수 있나 해서 눌렀는데 이런 블로그 글에 임베딩하는 코드다. 새벽이라 정신이 없는건지 ㅋㅋㅋㅋ

 

개발자도구를 한 번 열어봤다.

 

오 그래도 정말 쉬워보이는 클론코딩 소재를 찾았달까.. ㅋㅋㅋㅋ 

 figcaption으로 사진의 설명을 보여주는데 사진 가운데다가 위치시켜서 보여준다. 흐음... 밑에 있는 div들이 선택지이고 이것들 중에 data-v속성 값을 랜덤으로 가져오도록 로직을 설계한 것 같다.

 

이번에 codecademy에서 실습한 것은 로직은 비슷하나 css 적으로 구현은 하나도 안되었는데 결과물은 다음과 같다.

구체적인 코드는 간단한 내용이더라도 유출하면 안될 것 같기에 출력창에 나온 이 세 줄을 공개한다.

switch 문을 사용하여 random한 값을 가지는 value를 이용하여 8가지 정도 선택지 중에 랜덤한 대답이 나오도록 구현하였다. 그런데 아직은 input창에 입력받아서 하는 것도 아니고 그냥 내가 입력값 변수 만들어서 그 값을 수동으로 바꾸는 수준으로 구현되었다.(내 코딩실력이 퇴보하는데...?)

 

#2 Race day

Race Day

Codecademy’s annual race is just around the corner! This year, we have a lot of participants. You have been hired to write a program that will register runners for the race and give them instructions on race day.

18살을 기준으로  adult와 youth를 나누어서 adult중 일찍 등록한 사람들은 9시반 시작 레이스를 뛰도록 늦게 등록한 사람들은 11시 레이스를 뛰도록 안내하고 youth는 등록순서와 상관없이 12시반 레이스를 뛰도록 안내해야한다. 그런데, 정확히 18살인 사람들에 대한 안내는 어떻게 하는지 프로젝트를 하면서 알아보잰다.. (그냥 미리 알려주면 안됨??)

 

if 와 else if 구문을 사용하는 과제이길래 쿨하게 넘겨버렸다 이런걸로 시간낭비하기싫다 ㅋㅋㅋㅋ

 

오!!! 다음시간에 미리 세팅되어 있는 css에 내 코드를 아주 살짝 끼얹는 실습이겠지만 그래도 좀 게임같은 게임을 드디어 만들 것이다 기대된다. Bob 아저씨 게임 두 가지인데 이걸 어떻게 리뷰를하면 좋을지 고민을 좀 해봐야겠다. 저작권문제는 어렵다 정말.