서울대 X 고려대 연합 해커톤 1등
고학번들을 위한 놀이터 - 해커톤 프로젝트
DESCRIPTION
기획의도
해커톤을 진행할 당시 주제를 ‘고학번’으로 정했습니다. 주제에 맞춰 고학번들의 상태에 대해 고민하기 시작했습니다. 그러던 와중 취업을 위해 스펙을 쌓기만 하는 상황으로 인해 지치고 힘들었을 것이라는 결론을 내게 되었습니다. 이들에게 조금이나마 즐거움을 줄 수 있는 프로젝트를 기획하기로 해서 나온 프로젝트입니다. 단순히 웹사이트만으로는 즐거움을 주기 힘들 것 같다는 생각에 three.js 혹은 canvas를 활용해 user interactive적인 프로젝트를 구상하게 되었습니다. 즐거움을 주기 위한 목적 하에 ‘놀이’라는 키워드를 뽑게 되었고 놀이에 초점이 맞춰지니 유저들이 실제로 게임을 할 수 있는 느낌을 주고자 canvas를 사용하기로 하였습니다.
당시 팀원들 중 canvas를 다뤄본 경험이 아무도 없어 저희에게는 큰 도전이었습니다.
main page
왼쪽 위부터 오른쪽으로 넘어가며 1~5번 집
1번 집 : 캐치마인드
2번 집 : 퀴즈 맞추기
3번 집 : 장애물 피하기
- 4번 집 : GitHub stars 모으기
- 5번 집 : 단체 채팅
WHAT I DID
canvas를 활용한 라이브러리들도 많았지만 canvas 자체의 작동 방식에 굉장히 많은 흥미를 느껴 라이브러리를 사용해서 만드는 것이 아니라 직접 하나씩 다 구현을 해보고자 마음 먹었습니다. 그래서 제가 맡은 main 페이지와 ‘GitHub stars’ 섹션은 퀄리티가 떨어지긴 해도 제가 목표한 바를 이룰 수 있어서 뿌듯하게 마무리 할 수 있었습니다.
- 아이디어 구상 및 기획
- Figma를 통한 UI design 제작
- Layout을 통한 전반적인 css
- score 및 제목 layout
- canvas를 활용한 게임 제작
- main 화면 구성
- GitHub stars 모으기
Team Members
고려대학교 / 김태훈 / 중어중문학과 / GitHub
서울대학교 / 임상원 / 기계항공공학부 / GitHub
고려대학교 / 박설진 / 일어일문학과 / GitHub
서울대학교 / 윤재빈 / 경제학부 / GitHub