AI로 카드 짝 맞추기 게임 만들기

준비물

• 컴퓨터 (만드는 용도), 태블릿이나 휴대폰 (아이가 하는 용도, 선택)
• Claude 무료 계정 (claude.ai), 또는 ChatGPT 무료 계정
• 카드에 넣고 싶은 그림 종류 (동물, 과일, 탈것 등 이모지로 충분합니다)

이런 결과가 나옵니다

4×4 카드 뒤집기 게임. 시간, 시도 횟수, 최고 기록이 나오고 키보드로도 할 수 있습니다. 다 맞추면 기록 카드가 뜹니다.

따라 하기

1. 1

   카드에 넣을 그림 정하기

   아이가 좋아하는 것을 정합니다. 동물, 과일, 공룡, 탈것 중에서 8가지를 떠올려 두거나, "귀여운 동물"처럼 큰 분류만 정해도 AI가 골라줍니다.

2. 2

   claude.ai에 들어가 로그인하기

   인터넷 창에서 claude.ai 를 열고 로그인합니다. ChatGPT는 chatgpt.com 입니다.

   이렇게 되면 성공아래쪽에 글을 쓰는 대화창이 보이면 됩니다.

3. 3

   프롬프트 붙여넣고 보내기

   아래 프롬프트에서 그림 종류를 내 것으로 바꾼 뒤 붙여넣어 보냅니다.

   붙여넣을 프롬프트프롬프트 복사

   카드 짝 맞추기 게임을 만들어줘. 인터넷 창에서 바로 할 수 있게 파일 하나로 만들어줘.
   
   - 카드 16장(4칸 x 4칸), 그림 8쌍. 그림은 귀여운 동물 이모지로 해줘
   - 카드를 누르면 뒤집히는 효과가 있어. 두 장이 같으면 그대로 남고, 다르면 잠깐 보여준 뒤 다시 덮여
   - 위에 걸린 시간(분:초)과 시도 횟수를 보여줘
   - 최고 기록(가장 적은 시도)을 기억해서 다음에 열어도 보이게 해줘
   - 마우스나 손가락 말고 키보드(Tab, Enter)로도 할 수 있게 하고, 선택된 카드는 테두리로 분명히 보이게
   - 움직임을 줄이는 설정을 쓰는 사람에게는 뒤집는 효과를 빼줘
   - 다 맞추면 기록 카드와 "다시 하기" 버튼이 나와
   - 글씨와 카드는 크고 터치하기 쉽게. 설명 글은 한국어

   내 것으로 바꿀 곳

   • "귀여운 동물 이모지"를 "과일", "탈것", "우리 가족 이름" 등으로 바꿉니다.
   • 아이가 어리다면 "카드 12장(3×4), 그림 6쌍"으로 줄입니다.
   • "뒤집은 카드는 2초 뒤 자동으로 닫아줘"처럼 난이도를 정합니다.

   더 자세히 지시하고 싶다면 (조금 기술적인 버전)

   이 버전 복사

   카드 짝 맞추기(메모리) 게임을 HTML 파일 하나로 만들어줘.
   - 4x4, 이모지 8쌍. 이모지 목록은 파일 상단 배열로 두고 바꾸기 쉽게
   - 카드 뒤집기 전환 효과, prefers-reduced-motion이면 끄기
   - 타이머(분:초), 시도 횟수, 최고 기록 localStorage 저장
   - 키보드 Tab/Enter로도 플레이 가능하게, 포커스 표시 분명히
   - 다 맞추면 기록 카드와 다시 하기

   이렇게 되면 성공Claude는 오른쪽 결과물 창에 뒤집히지 않은 카드 16장이 놓입니다.

   팁ChatGPT에서 코드만 길게 나오면 "바로 해볼 수 있게 Canvas로 보여줘"라고 말하세요.

4. 4

   직접 한 판 해보기

   카드를 두 장 눌러봅니다. 같은 그림이면 남고, 다르면 다시 덮입니다. 끝까지 맞춰서 기록 카드가 뜨는지 확인하세요.

   이렇게 되면 성공카드가 뒤집히고, 위의 시간과 시도 횟수가 올라가며, 끝에 기록 카드가 뜨면 성공입니다.

5. 5

   말로 고치기

   아이와 함께 해보며 불편한 점을 말로 바꿉니다.

   팁이렇게 말하면 됩니다. "6x6으로 늘려줘", "뒤집은 카드는 2초 뒤에 자동으로 닫아줘", "그림을 과일로 바꿔줘", "카드를 더 크게", "맞췄을 때 짧은 축하 문구를 보여줘"

6. 6

   태블릿에서 열어 아이에게 주기

   결과물 창 오른쪽 위 Publish(게시) 버튼으로 링크를 만듭니다. 그 링크를 태블릿이나 휴대폰에서 열면 설치 없이 바로 할 수 있습니다. 자세한 순서는 아래 "링크로 공유하기"를 보세요. 홈 화면에 바로가기를 만들어 두면 더 편합니다.

   이렇게 되면 성공태블릿에서 링크를 열어 아이가 손가락으로 카드를 눌러 뒤집을 수 있으면 성공입니다.

   팁아이가 하는 기기에서 인터넷이 안 되면 열리지 않습니다. 와이파이를 확인하세요.

막히면

다음에 해볼 것

• 그림 대신 가족 사진을 쓰려면 사진 파일이 필요하므로 Netlify Drop으로 올리는 방법이 맞습니다. 자세한 순서는 "링크로 공유하기"를 보세요.
• 영어 단어와 그림을 짝 맞추는 학습용 버전으로 바꿔보세요.

여기 쓰인 기능

다른 레시피