웹 게임 개발 후기
in Talk on javascript, Html, Web, Game, Webgame
프루츠팡 게임
애니팡과 유사한 방식의 게임입니다.
과일들이 어떤 방향으로든 3개가 연속되어 있다면 터집니다.
터진다면 과일당 100점을 얻게되고 목표점수를 넘게되면 다음 스테이지로 넘어갑니다.
개발
사용 기술
- HTML5
- CSS3
- SVG
- Keyframe animation
- Javascript
- ES6
HTML5를 사용하였고, css3를 사용하여 외관을 꾸몄습니다.
svg를 이용하여 애니메이션을 구현하였고, javascript를 사용하여 게임의 전체적인 코드를 작성하였습니다.
javascript는 es6문법으로 작성하였고, 각각의 파일마다 class가 존재합니다.
각각의 파일마다 하는 역할을 나누었기때문에 유지보수가쉽게 작성하였습니다.
개발후
게임을 직접 꾸미며 애니메이션도 넣고 하니 게임을 하는것보다 재미있었다.
게임내의 복잡한 알고리즘들을 해결하며 성취감도 얻을 수 있었다.
특히 과일들이 터지고, 내려온 다음 다시 터지고를 반복하는 부분을 생각하는데 시간을 가장많이 할애 한것같다.
개발기간은 총 2일걸렸다.
물론 전부 완성하진 않았지만, 핵심부분들은 전부 완성하였다.
2일동안 3-5시간정도 개발하였다.
