Skip to content

Latest commit

 

History

History
99 lines (41 loc) · 4.95 KB

README.md

File metadata and controls

99 lines (41 loc) · 4.95 KB

17_smallButGreat

GDSC Hack 성별, 연령에 상관 없는 교육용 소프트웨어 개발

https://keen-kare-a28b65.netlify.app/index.html

<홈페이지> image 첫 화면은 홈페이지로, 좌측 상단의 사람 모양 그림을 누르면 어느 페이지에서나 홈페이지로 이동할 수 있습니다.

빨간 테두리로 둘러싸인 메뉴바에는 집중력 강화 게임, 기억력 강화 게임이 있는데, 메뉴를 선택하면 게임의 첫 페이지 화면이 나타납니다. 초록색 테두리로 둘러싸인 곳에는 '조촐하지만 굉장한!' 이라는 저의 팀이름이 나와 있습니다.

오른쪽 부분에 회색 박스를 보면 뇌가 운동하는 귀여운 그림이 있는데 들어올 때마다 사진이 바뀌어 사용자에게 조그마한 재미를 주고자 하였습니다.

<집중력 강화 게임> image

집중력 강화 게임의 첫화면은 홈페이지와 비슷한데요, '조촐하지만 굉장한!' 이라는 팀이름이 집중을 하고 있는 사진으로 바뀌고, 빨간 테두리로 둘러싸인 메뉴바에는 게임 설명과 게임시작 메뉴가 나타나 있습니다.

파란 테두리로 둘러싸인 상단에 '집중력 강화 게임' 이라는 글씨를 누르면 다른 페이지 에서도 집중력 강화 게임의 첫 화면으로 돌아올 수 있습니다.

만약 왼쪽 옆의 사람 그림을 누른다면 홈페이지로 이동하게 됩니다.

image

게임 설명 페이지를 들어가 보면 게임에 대한 자세한 설명이 나와 있는데요, 집중력 강화 게임은 글자의 색깔 맞추기 게임 입니다. 글자의 색깔과 글자가 지시하는 색이 다른데, 제한 시간 1분 안에 글자가 지시하는 색과 같은 버튼을 눌러 최대한 높은 점수를 얻는 게임입니다.

여기에서, '게임 시작','GAME START'라는 글자를 누르면 게임 시작 페이지로 이동하게 됩니다.

image

게임 시작 페이지를 들어가면, 시작하기 버튼이 있습니다.

image

이 버튼을 누르면 우측에 있는 타이머가 시작되며 글자의 색에 맞는 색깔 버튼을 누르면 10점씩 올라가고, 틀리면 10점씩 감점 됩니다.

계속 색깔을 맞추다가 시간이 다 되면

image

이렇게 TIME OVER가 뜨며 점수가 확정 됩니다.

여러 명이 함께 하며 점수를 최대한 많이 내는 방식으로 내기를 할 수도 있습니다.

<기억력 강화 게임>

기억력 강화 게임을 하기 위해 먼저 좌측 상단의 사람 모양 이미지를 클릭해 홈페이지로 이동해 줍니다.

그 후, '기억력 강화 게임'을 눌러 기억력 강화 게임의 첫 화면으로 이동할 수 있습니다.

image

이 화면에는 기억력 강화 게임에 맞는 이미지가 나타나 있는데요, 게임 설명으로 이동하면,

image

역시 게임에 대한 자세한 설명이 나타나 있습니다. 두 명의 플레이어가 함께 즐기면 더 즐거운 게임인데요, 화투 패의 짝을 맞추는 게임입니다.

게임 시작을 누르면 화투패가 랜덤으로 섞이고, 뒤집힌 채로 나타나게 됩니다.

image

이렇게 뒤집힌 화투 패가 나타나는데, 이 화투패를 클릭하면 뒤집히며 그림을 확인 할 수 있고, 짝이 맞다면 드래그하여 PLAYER1 또는 player2 영역에 카드를 놓으면 됩니다.

짝이 맞지 않다면, 다시 클릭하여 뒤집어 놓도록 합니다.

image

카드를 가지고 오면 화투 패의 배열이 달라지는데, 하나씩 앞으로 당겨지는 것이므로 기억력 강화 게임인만큼, 이러한 부분까지 기억하는 훈련을 할 수 있도록 설계하였습니다.

현재까지는 집중력 강화게임, 기억력 강화 게임까지 만들었지만, 앞으로 창의력 강화 게임, 사고력 강화 게임 등을 쭉 개발해 나아가며 홈페이지 첫 화면에 있는 메뉴칸을 다 채워나갈 것 입니다.