AI로 2048 게임 만들기

준비물

• 컴퓨터 (방향키로 하는 게임입니다)
• Claude 무료 계정 (claude.ai), 또는 ChatGPT 무료 계정
• 2048 게임을 해본 적이 없어도 괜찮습니다. 규칙은 AI가 압니다

이런 결과가 나옵니다

4×4 판에서 같은 숫자를 합쳐 2048을 만드는 게임. 방향키와 휴대폰 스와이프로 하고, 점수와 최고 점수가 남습니다. 2048을 만들면 축하 메시지와 "계속하기" 버튼이 나옵니다.

따라 하기

1. 1

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

   인터넷 창에서 claude.ai 를 열고 구글 계정이나 이메일로 로그인합니다. 가입은 무료입니다. ChatGPT는 chatgpt.com 입니다.

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

2. 2

   프롬프트 붙여넣고 보내기

   아래 프롬프트를 복사해 대화창에 붙여넣고 전송합니다.

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

   2048 게임을 만들어줘. 인터넷 창에서 바로 할 수 있게 파일 하나로 만들어줘.
   
   - 4칸 x 4칸 판
   - 키보드 방향키로 타일을 밀고, 휴대폰에서는 화면을 밀어서(스와이프) 움직여
   - 같은 숫자 타일이 부딪히면 합쳐지고 점수가 올라가. 한 번 밀 때 이미 합쳐진 타일은 다시 합쳐지면 안 돼
   - 지금 점수와 최고 점수를 위에 보여주고, 최고 점수는 다음에 열어도 기억해줘
   - 2048이 만들어지면 축하 메시지와 "계속하기" 버튼을 보여줘
   - 더 움직일 수 없으면 "게임 오버"와 "다시 시작" 버튼
   - 숫자가 커질수록 타일 색이 진해지게
   - 배경은 어두운 색, 설명 글은 한국어

   내 것으로 바꿀 곳

   • 타일 색을 "파스텔 톤" 또는 "초록 계열"처럼 취향에 맞게 말합니다.
   • 판 크기를 4칸에서 5칸으로 바꾸면 쉬워집니다.
   • 숫자 대신 과일이나 동물 이름으로 바꿔도 됩니다. 단, 합치는 규칙은 같게 하라고 알려주세요.

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

   이 버전 복사

   2048 게임을 HTML 파일 하나로 만들어줘.
   - 4x4 격자, 방향키와 모바일 스와이프
   - 점수와 최고 점수(localStorage)
   - 2048을 만들면 축하 메시지와 "계속하기" 버튼, 더 움직일 수 없으면 게임 오버
   - 한 번 이동에서 합쳐진 타일은 같은 이동에서 다시 합쳐지지 않게
   - 타일 색은 숫자가 커질수록 진해지게
   - 어두운 배경, 외부 라이브러리 없이

   이렇게 되면 성공Claude는 화면 오른쪽에 결과물 창이 열리고 4×4 판과 숫자 타일 두 개가 보입니다.

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

3. 3

   결과물 창에서 플레이하기

   오른쪽 게임 화면을 한 번 클릭한 뒤 방향키를 누릅니다. 같은 숫자끼리 부딪혀 합쳐지는지 확인하세요.

   이렇게 되면 성공방향키대로 타일이 밀리고, 같은 숫자가 합쳐지며 점수가 오르면 성공입니다.

   팁방향키를 눌러도 화면 전체가 위아래로 움직이거나 반응이 없다면, 게임 판을 먼저 클릭하세요.

4. 4

   규칙이 맞는지 확인하기

   한 줄에 2, 2, 4, 4처럼 같은 숫자가 둘씩 있을 때 왼쪽으로 밀어보세요. 올바른 결과는 4, 8입니다. 8 하나로 한꺼번에 합쳐지면 규칙이 틀린 것입니다.

   이렇게 되면 성공2, 2, 4, 4를 밀었을 때 4, 8이 되면 규칙이 맞습니다.

   팁틀렸다면 "2,2,4,4를 왼쪽으로 밀면 4,8이 돼야 해. 한 번 밀 때 이미 합쳐진 타일은 다시 합치지 마"라고 말하세요.

5. 5

   말로 고치기

   원하는 기능을 한 번에 하나씩 말로 더합니다.

   팁이렇게 말하면 됩니다. "되돌리기 버튼을 한 번만 쓸 수 있게 추가해줘", "타일이 움직일 때 부드럽게 미끄러지게", "판을 5칸으로 바꿔줘", "숫자 글씨를 더 크게"

6. 6

   최고 점수 확인하고 링크로 보내기

   점수를 낸 뒤 새로고침해서 최고 점수가 남는지 봅니다. 그다음 결과물 창 오른쪽 위 Publish(게시) 버튼으로 링크를 만들어 카톡에 보냅니다. 자세한 순서는 아래 "링크로 공유하기"를 보세요.

   이렇게 되면 성공새로고침해도 최고 점수가 남아 있고, 링크를 휴대폰에서 열어 스와이프로 되면 완성입니다.

막히면

다음에 해볼 것

• 같은 방식으로 스도쿠, 틱택토, 지뢰찾기처럼 규칙이 분명한 게임을 하나씩 늘려보세요.

여기 쓰인 기능

다른 레시피