Vibe101
게임 만들기
모듈 2 / 2

아케이드 & 퍼즐

6개 챌린지~80

카드 짝 맞추기, 두더지 잡기, 2048 같은 아케이드·퍼즐 게임에 도전합니다.

0% 완료0 / 6
보통
#40

카드 짝 맞추기

연분홍에서 연보라로 비스듬히 이어지는 배경 한가운데에, 모서리가 크게 둥글고 보랏빛 그림자가 은은하게 깔린 흰색 패널이 하나 놓여 있어요. 패널 안의 내용은 모두 가운데 정렬이고, 위에서부터 굵은 인디고색 제목 한 줄, 그보다 훨씬 작은 회색 안내 문구 한 줄, 그리고 지금까지의 시도 횟수를 라벨과 숫자로 보여 주는 연분홍 알약 모양 배지가 차례로 놓여 있어요. 그 아래에는 한 줄에 세 장씩 두 줄, 모두 여섯 장의 카드가 고른 간격의 격자로 놓여 있어요. 카드는 가로세로 길이가 같은 정사각형이고, 모서리가 둥근 보라 그라데이션 바탕에 흰 물음표 이모지가 큼직하게 하나씩 들어 있으며, 카드 하나하나가 누를 수 있는 버튼이에요. 격자 아래에는 처음에 아무 글자도 없는 빈 줄이 하나 있고, 맨 아래에는 판 전체를 처음 상태로 되돌리는 연보라 알약 모양 버튼이 있어요. 맞춘 짝 개수나 남은 카드 수를 알려 주는 표시, 그 밖의 안내문이나 푸터는 없어요. 카드에 마우스를 올리면 살짝 위로 떠오르고, 누르면 뒤집히는 3D 애니메이션 없이 물음표가 과일 이모지로 바뀌면서 바탕이 흰색으로 변해요. 두 번째 장을 뒤집는 순간 시도 횟수가 1 올라가고, 두 장이 같으면 둘 다 연초록 바탕으로 굳어 더는 눌리지 않아요. 다르면 잠깐 뒤에 둘 다 물음표로 되돌아가고, 그동안에는 아무 카드도 눌리지 않아요. 여섯 장을 다 맞췄을 때만 비어 있던 줄에 축하 문구가 나타나고, 맨 아래 버튼을 누르면 카드가 다시 섞이며 처음 상태로 돌아가요.

보통
#41

두더지 잡기

연두색에서 짙은 초록색으로 대각선을 따라 이어지는 그라데이션 배경 한가운데에, 모서리가 아주 둥글고 큼직한 그림자를 두른 미색 카드 한 장이 떠 있어요. 카드는 화면 너비보다 한참 좁은 고정 폭에 안쪽 여백이 넉넉하고, 카드 안의 요소는 모두 가운데 정렬이에요. 맨 위에는 자간이 살짝 벌어진 큰 진갈색 제목 한 줄과 그 아래 햄스터 이모지로 시작하는 작은 연갈색 안내 문구 한 줄이 있고, 이어서 연노랑 둥근 상자 두 개가 가운데에 나란히 놓여 왼쪽은 점수를, 오른쪽은 남은 시간을 각각 라벨과 숫자가 한 줄에 붙은 형태로 보여 줘요. 두 상자는 굵은 갈색 글씨에 아래쪽 안쪽 그림자가 옅게 깔려 살짝 눌린 느낌이고, 최소 너비가 같아서 숫자가 바뀌어도 폭이 흔들리지 않아요. 그 아래에는 한 줄에 세 개씩 세 줄, 모두 아홉 개의 흙구멍이 고른 간격의 격자로 놓여 있어요. 칸은 가로와 세로 길이가 같고, 구멍 하나하나가 누를 수 있는 버튼이에요. 가운데가 밝고 가장자리로 갈수록 짙어지는 갈색 원형 그라데이션에 위쪽 안쪽 그림자가 진하게 들어가 땅에 움푹 파인 것처럼 보이며, 위는 완전히 둥글고 아래는 그보다 살짝 덜 둥근 테두리 안에 큰 이모지가 하나씩 가운데에 들어 있어요. 비어 있는 칸에는 구멍 이모지가 그대로 보이고, 두더지가 올라온 칸만 햄스터 이모지로 바뀌어요. 카드 맨 아래에는 주황색 알약 모양 시작 버튼이 있는데, 위에서 아래로 밝은 주황에서 진한 주황으로 내려가는 그라데이션에 흰색 굵은 글씨가 자간 넓게 박혀 있고, 버튼 아래로 더 진한 주황색 단색 그림자가 두껍게 깔려 키캡처럼 턱이 져 있어요. 마우스를 올리면 살짝 밝아지고, 누르면 버튼이 그 턱만큼 아래로 내려앉으면서 턱이 얇아져요. 시작 버튼을 누르면 점수가 0, 시간이 30으로 초기화되고 버튼은 흐린 베이지색으로 비활성화되면서 라벨이 지금 게임이 돌아가는 중이라는 뜻의 말로 바뀌어요. 게임이 도는 동안 1초가 채 안 되는 간격마다 아홉 구멍 중 한 곳이 무작위로 뽑혀 두더지가 아래에서 짧게 솟아오르고, 두더지는 언제나 한 마리만 나와 있어서 새로 올라오면 이전 구멍은 다시 빈 구멍으로 돌아가요. 두더지가 있는 칸을 클릭하면 점수가 1 오르고 그 두더지는 즉시 사라지지만, 빈 구멍을 클릭하거나 게임이 시작되기 전에 클릭하면 점수가 깎이지도 않고 아무 일도 일어나지 않아요. 구멍은 어느 칸이든 누르고 있는 동안 살짝 작아졌다 돌아와요. 시간은 1초마다 하나씩 줄어들고 0이 되면 게임이 끝나 두더지가 사라지고 버튼이 다시 활성화되면서 라벨이 처음부터 한 판 더 한다는 뜻의 말로 바뀌는데, 결과를 알리는 팝업이나 별도의 종료 문구는 나타나지 않아요.

보통
#42

행맨

행맨(단어 맞히기) 게임을 만들어 보세요. 숨겨진 단어의 글자 수만큼 밑줄이 보이고, 알파벳 버튼을 눌러 맞히면 글자가 채워지고 틀리면 기회가 줄어들어요.

보통
#43

행운의 룰렛

행운의 룰렛을 만들어 보세요. 연한 분홍빛 보라에서 연한 남보라로 흐르는 파스텔 배경 한가운데에, 모서리가 크게 둥글고 보랏빛 그림자가 은은하게 깔린 흰색 카드가 하나 놓여 있어요. 카드 안의 요소는 모두 가운데 정렬이고, 맨 위에는 보라에서 분홍으로 넘어가는 그라데이션 글씨의 굵은 제목이, 그 아래에는 버튼을 눌러 상품을 뽑아보라고 권하는 옅은 회보라색 한 줄 설명이 있어요. 룰렛은 빙글빙글 도는 원판이 아니라 가로 3칸씩 2줄로 놓인 상품 칸 6개예요. 각 칸은 아주 연한 보라 바탕의 둥근 사각형이고, 큼직한 이모지와 짧은 상품 이름이 한 줄에 나란히 가운데로 들어가요. 여섯 칸 중 한 칸은 아무것도 못 받는 꽝이에요. 화살표나 바늘 같은 표시는 없어요. 칸들 바로 아래 가운데에는 룰렛을 돌리는 알약 모양의 큼직한 버튼이 하나 있고, 보라에서 분홍으로 가는 그라데이션 바탕에 흰 글씨예요. 버튼을 누르면 강조가 첫 칸부터 순서대로 한 칸씩 옮겨 다니는데, 강조된 칸은 분홍 테두리가 생기면서 살짝 커져요. 옮겨 가는 속도는 처음엔 빠르다가 끝으로 갈수록 점점 느려지다 무작위로 한 칸에서 멈춰요. 멈춘 칸은 보라-분홍 그라데이션 바탕에 흰 글씨로 바뀌고, 버튼 아래 맨 끝의 굵고 큰 결과 줄에 당첨된 상품이 나타나요. 처음에는 그 줄에 아직 결과가 없다는 표시만 놓여 있어요.

어려움
#44

사이먼 게임

연보라에서 하늘색으로 번지는 은은한 배경 한가운데에, 모서리가 아주 둥근 흰색 카드가 부드러운 그림자를 달고 놓여 있어요. 카드 안에는 굵은 제목, 짧은 회색 설명 문구, 지금 무엇을 할 차례인지 알려 주는 상태 문구, 현재 단계를 보여 주는 연보라 알약 모양 배지가 가운데로 차례차례 쌓여 있어요. 그 아래에는 짙은 남색 둥근 판이 있고, 그 안에 빨강·초록·파랑·노랑 패드 네 개가 2x2로 큼직하게 들어가 있어요. 맨 아래에는 마우스를 올리면 살짝 떠오르는 보라색 그라데이션 알약 버튼이 있어요. 패드는 평소엔 조금 어둡게 가라앉아 있다가 순서를 보여 줄 때 하나씩 환하게 켜졌다 꺼지고, 같은 순서로 따라 누르면 단계가 하나씩 올라가요.

어려움
#45

2048

2048 퍼즐 게임을 만들어 보세요. 4×4 격자에서 방향키로 타일을 밀어 같은 숫자를 합치면 2배가 되고, 큰 숫자를 만들며 점수를 올리는 게임이에요.