노트북으로 게임을 만들며 AI 로봇과 협력하는 어린이 삽화
AI × GAME × MY IDEA

나만의 게임 2개,
차근차근 완성!

한 번에 게임 하나만 만들어도 성공이에요.
액션 게임 + 퀴즈 게임을 직접 플레이하고 고쳐 봐요.

오늘의 미션

AI와 함께 만들고, 내가 직접 확인한다

AI는 코드를 쓰는 파트너, 나는 재미와 규칙을 결정하는 게임 감독이에요.

프롬프트AI에게 보내는 부탁 글이에요. 긴 글은 읽지 않아도 괜찮아요. 노란 복사 버튼만 누르면 됩니다.
한 번에 게임 1개만 만들어도 멋진 성공!0/3 만드는 방법 확인
출발 전 1분

두 창을 준비하고 바로 시작해요

이 자료와 AI 채팅을 나란히 띄우거나 Ctrl + Tab으로 오가세요.

이름·학교·주소는 쓰지 않기
설치·결제는 어른에게 묻기
AI의 말도 직접 테스트하기
다음 장부터 바로 게임을 만들어요!0/3 준비 완료
게임 1 · 바구니 고양이

Step 1. 움직이는 기본 게임 만들기

새 채팅을 열고 아래 프롬프트를 그대로 붙여넣으세요.

기본 게임생명·끝난이도완성
AI에게 보낼 부탁 글
움직이고 점수가 오르는 첫 게임

긴 글은 읽지 않아도 괜찮아요. 아래 노란 버튼으로 한 번에 복사하세요.

프롬프트 내용 보기
브라우저에서 바로 실행되는 한 파일짜리 HTML 게임을 만들어줘.

게임 이름: 바구니 고양이
- 고양이 이름은 ‘토리’야.
- 고양이는 화면 아래에서 바구니를 들고 있어.
- ← → 화살표 키로 움직여.
- 위에서 사과가 계속 떨어져.
- 사과를 받으면 1점이 올라가.
- 점수판을 화면 위에 보여줘.
- 시작 버튼과 다시 시작 버튼을 넣어줘.

HTML, CSS, JavaScript를 한 파일에 넣고 이 채팅의 미리보기에서 바로 플레이할 수 있게 해줘. 설명보다 실행 가능한 게임을 먼저 완성해줘.
게임 1 · 바구니 고양이

Step 2. 생명과 게임 끝 추가하기

Step 1에서 사용한 같은 채팅에 이어서 붙여넣으세요.

기본 게임생명·끝난이도완성
AI에게 보낼 부탁 글
놓치면 생명이 줄어드는 규칙

이번에는 새 채팅을 열지 않고, 방금 사용한 채팅에 이어서 붙여넣어요.

프롬프트 내용 보기
방금 만든 ‘바구니 고양이’ 게임을 이어서 수정해줘. 기존 기능은 그대로 유지해.

- 생명은 3개로 시작해.
- 사과를 놓치면 생명이 1개 줄어.
- 생명이 0이 되면 ‘게임 끝’ 화면을 보여줘.
- 게임 끝 화면에 최종 점수와 다시 시작 버튼을 넣어줘.
- 다시 시작하면 점수, 생명, 사과 속도가 처음 상태로 돌아가게 해줘.

수정한 전체 결과를 미리보기에 바로 반영해줘.
게임 1 · 바구니 고양이

Step 3. 난이도와 황금사과 넣기

조금씩 어려워지고, 가끔 큰 보상을 주면 더 재미있어져요.

기본 게임생명·끝난이도완성
AI에게 보낼 부탁 글
5점짜리 황금사과와 조금씩 빨라지는 난이도

서로 관련된 특별 아이템과 속도 규칙만 추가해요.

프롬프트 내용 보기
방금 게임에 난이도와 특별 아이템을 추가해줘. 지금까지 만든 기능은 모두 유지해.

- 점수가 5점 오를 때마다 사과가 조금씩 빨라지게 해줘.
- 너무 빨라져서 불가능해지지 않도록 최대 속도를 정해줘.
- 가끔 황금사과가 나오게 해줘.
- 황금사과를 받으면 5점을 주고, 일반 사과와 다른 반짝임을 보여줘.
- 황금사과를 놓쳐도 생명은 줄지 않게 해줘.

수정 뒤 직접 플레이할 수 있게 미리보기를 갱신해줘.
게임 1 · 바구니 고양이

Step 4. 완성작처럼 다듬기

꾸미기만 하지 않고 조작·기록·다시 시작까지 마지막으로 검사해요.

기본 게임생명·끝난이도완성
AI에게 보낼 부탁 글
밤하늘 화면과 최고 점수로 마무리

꾸미기와 기록, 다시 시작 검사에만 집중해요.

프롬프트 내용 보기
‘바구니 고양이’ 게임을 완성작처럼 다듬어줘. 기존 기능은 유지해.

- 시작 화면에 게임 제목과 ← → 조작법을 보여줘.
- 배경을 별이 반짝이는 밤하늘로 꾸며줘.
- 최고 점수를 브라우저에 기억하고 화면에 보여줘.
- 창 크기가 달라져도 게임 화면이 잘리지 않게 해줘.
- 시작, 게임 끝, 다시 시작을 여러 번 테스트해서 오류가 있으면 고쳐줘.

완성된 전체 게임을 미리보기에 보여줘.
게임 2 · 새 프로젝트

이번에는 클릭으로 푸는 우주 퀴즈 탐험대

잠깐 쉬었다가 시작해도 좋아요. 이번에는 문제·선택지·힌트를 만들어요.

5문제를 풀고 행성을 탐험하자!

큰 보기 버튼을 눌러 정답을 맞히고, 하트와 콤보를 지키는 게임이에요. 게임 2는 반드시 새 채팅에서 시작합니다.

클릭 조작검증된 문제50:50 힌트콤보 보너스
게임 2 · 우주 퀴즈 탐험대

Step 1. 5문제 퀴즈 만들기

새 채팅을 열고, 아래에 넣어 둔 검증된 12문제로 시작해요.

기본 퀴즈하트·설명도전 기능완성
AI에게 보낼 부탁 글
정답이 확인된 문제로 만드는 첫 퀴즈

문제 12개가 프롬프트 안에 들어 있어요. 게임에는 그중 5개가 나옵니다.

프롬프트 내용 보기
새 채팅에서 브라우저로 바로 플레이하는 한 파일짜리 퀴즈 게임을 만들어줘.

게임 이름: 우주 퀴즈 탐험대
- 우주선 이름은 ‘별빛호’야.
- 아래 문제 은행 12개를 그대로 사용하고 질문·보기·정답·해설을 바꾸지 마.
- 한 게임에서는 그중 5문제를 겹치지 않게 골라서 보여줘.
- 문제마다 보기 3개를 큰 버튼으로 보여줘.
- 답을 고르면 정답인지 바로 알려주고 점수를 1점 올려줘.
- 현재 문제 번호와 점수를 화면 위에 보여줘.
- 시작 버튼과 다시 하기 버튼을 넣어줘.

문제 은행:
1. 우리가 사는 행성은? / 보기: 지구, 화성, 금성 / 정답: 지구 / 해설: 우리는 지구에서 살아요.
2. ‘붉은 행성’이라고 불리는 행성은? / 보기: 화성, 목성, 수성 / 정답: 화성 / 해설: 화성의 표면은 붉게 보여요.
3. 지구 주위를 도는 자연 위성은? / 보기: 달, 태양, 토성 / 정답: 달 / 해설: 달은 지구 주위를 돌아요.
4. 태양과 가장 가까운 행성은? / 보기: 수성, 금성, 지구 / 정답: 수성 / 해설: 수성은 태양에서 가장 가까운 행성이에요.
5. 태양은 무엇일까? / 보기: 별, 행성, 위성 / 정답: 별 / 해설: 태양은 스스로 빛을 내는 별이에요.
6. 크고 뚜렷한 고리로 유명한 행성은? / 보기: 토성, 지구, 화성 / 정답: 토성 / 해설: 토성은 눈에 잘 보이는 커다란 고리가 있어요.
7. 거미의 다리는 몇 개일까? / 보기: 8개, 6개, 4개 / 정답: 8개 / 해설: 거미는 다리가 8개예요.
8. 개구리의 아기를 무엇이라고 할까? / 보기: 올챙이, 애벌레, 송아지 / 정답: 올챙이 / 해설: 올챙이가 자라서 개구리가 돼요.
9. 하늘을 날 수 있는 포유류는? / 보기: 박쥐, 펭귄, 타조 / 정답: 박쥐 / 해설: 박쥐는 날개로 나는 포유류예요.
10. 지구에서 몸집이 가장 큰 동물은? / 보기: 대왕고래, 코끼리, 기린 / 정답: 대왕고래 / 해설: 대왕고래는 지구에서 가장 큰 동물이에요.
11. 문어의 팔은 몇 개일까? / 보기: 8개, 6개, 10개 / 정답: 8개 / 해설: 문어는 팔이 8개예요.
12. 펭귄은 어떤 동물일까? / 보기: 새, 물고기, 포유류 / 정답: 새 / 해설: 펭귄은 날지는 못하지만 새예요.

HTML, CSS, JavaScript를 한 파일에 넣고 이 채팅의 미리보기에서 바로 플레이하게 해줘.
게임 2 · 우주 퀴즈 탐험대

Step 2. 하트와 해설 추가하기

정답만 알려주는 게임에서, 왜 그런지 알려주는 학습 게임으로 바꿔요.

기본 퀴즈하트·설명도전 기능완성
AI에게 보낼 부탁 글
틀려도 이유를 알려주는 퀴즈

하트와 한 문장 해설을 추가해 학습 게임으로 바꿔요.

프롬프트 내용 보기
방금 만든 ‘우주 퀴즈 탐험대’를 이어서 수정해줘. 기존 기능은 유지해.

- 하트 3개로 시작하게 해줘.
- 오답을 고르면 하트가 1개 줄게 해줘.
- 정답과 오답 뒤에 왜 그런지 한 문장으로 설명해줘.
- 설명을 읽은 뒤 ‘다음 문제’ 버튼을 눌러야 넘어가게 해줘.
- 하트가 0이 되거나 5문제를 모두 풀면 결과 화면을 보여줘.
- 결과 화면에 맞힌 개수, 점수, 다시 하기 버튼을 넣어줘.

수정 결과를 미리보기에 반영해줘.
게임 2 · 우주 퀴즈 탐험대

Step 3. 콤보와 힌트 넣기

잘하면 보너스, 막히면 한 번의 힌트! 두 기능에만 집중해요.

기본 퀴즈하트·설명도전 기능완성
AI에게 보낼 부탁 글
3연속 콤보와 50:50 힌트

보너스와 도움 기능을 하나씩 시험해요.

프롬프트 내용 보기
방금 퀴즈 게임에 도전 기능을 추가해줘. 지금까지 기능은 모두 유지해.

- 3문제를 연속으로 맞히면 콤보 보너스 2점을 줘.
- 연속 정답 수를 화면에 보여줘.
- 한 게임에 한 번만 쓸 수 있는 ‘50:50 힌트’ 버튼을 넣어줘.
- 힌트를 누르면 오답 보기 1개를 숨겨줘.
- 다시 시작하면 콤보와 힌트 사용 여부도 초기화해줘.

수정한 게임을 미리보기에서 테스트할 수 있게 해줘.
게임 2 · 우주 퀴즈 탐험대

Step 4. 누구나 즐기는 완성작 만들기

꾸미기, 최고 점수, 키보드 조작과 다시 시작을 마무리해요.

기본 퀴즈하트·설명도전 기능완성
AI에게 보낼 부탁 글
우주 여행 화면과 키보드 조작으로 마무리

누구나 조작할 수 있는지 마지막으로 확인해요.

프롬프트 내용 보기
‘우주 퀴즈 탐험대’를 완성작처럼 다듬어줘. 기존 기능은 유지해.

- 우주선이 행성을 여행하는 느낌으로 화면을 꾸며줘.
- 정답일 때 별이 터지고, 오답일 때 부드럽게 흔들리는 효과를 넣어줘.
- 최고 점수를 브라우저에 기억해서 보여줘.
- 키보드 Tab과 Enter로도 모든 보기와 버튼을 조작할 수 있게 해줘.
- Step 1에서 준 12개 문제 은행은 바꾸지 마.
- 게임을 두 번 연속 다시 시작해도 오류가 없는지 확인해줘.

완성된 전체 게임을 미리보기에 보여줘.
막혔을 때 구조 요청

문제가 생겨도 이 프롬프트면 다시 출발!

상황에 맞는 카드의 복사 버튼을 누르고, 문제가 생긴 게임의 같은 채팅에 붙여넣으세요.

🖥️ 미리보기가 안 보여요

코드 글자만 나오고 플레이 화면이 없을 때 사용해요.

보낼 내용 보기
지금 만든 게임을 코드 설명으로만 보여주지 말고, 이 채팅 화면에서 바로 플레이할 수 있는 미리보기로 실행해줘. HTML, CSS, JavaScript가 한 파일에서 동작하게 정리해줘.

🧩 수정 뒤 게임이 멈췄어요

전에는 됐는데 새 기능을 넣은 뒤 멈췄을 때 사용해요.

보낼 내용 보기
방금 수정한 뒤 게임이 작동하지 않아. 수정 전까지 되던 기능은 유지하면서 오류 원인을 찾아 고쳐줘. 시작 버튼, 조작, 점수, 다시 시작을 직접 확인하고 정상 동작하는 전체 결과를 미리보기에 반영해줘.

🔎 무엇이 이상한지 모르겠어요

AI가 짧은 질문을 하나씩 하며 문제 설명을 도와줘요.

보낼 내용 보기
내 게임에 이상한 점이 있는데 어떻게 설명할지 모르겠어. 원인을 찾기 전에 아래 3가지를 나에게 한 번에 하나씩 짧게 물어봐줘.

1. 어떤 키나 버튼을 눌렀는지
2. 원래 어떤 일이 일어나길 바랐는지
3. 실제 화면에서는 무슨 일이 일어났는지

내가 세 질문에 답하면 차이가 생긴 원인을 찾아 고쳐줘. 고친 뒤 무엇을 바꿨는지 한 문장으로 알려줘.
두 게임 완성 확인

내가 만든 게임을 직접 플레이했나요?

각 게임을 처음부터 끝까지 플레이한 뒤 카드를 누르세요. 두 장이 켜지면 오늘의 제작 완료!

0/2 게임 플레이 확인
진행자 메모 · 부모님은 이 페이지만 읽어 주세요

정답을 알려주기보다 아이의 다음 질문을 기다려 주세요

준비

게임마다 새 채팅을 하나씩 열고 미리보기 기능을 찾아 주세요. 계정·결제·다운로드는 어른이 담당합니다.

마우스와 키보드는 아이에게

아이가 프롬프트 복사·붙여넣기와 플레이 테스트를 맡도록 기다려 주세요. 긴 문장을 직접 타이핑할 필요는 없습니다.

막혔을 때 질문

“어떤 일이 일어났어?”, “원래는 어떻게 되길 바랐어?”라고 물어 문제 설명을 도와주세요.

끝내는 기준

게임 하나당 35~45분을 권합니다. 저학년은 게임 1과 게임 2를 다른 날에 나누고 가족 시연으로 마무리하세요.

카드의 ‘대화 예시’를 누르면 바로 쓸 수 있는 문장이 나옵니다.
미션 정리

좋은 메이커가 기억할 3가지

카드 3장을 눌러 오늘의 규칙을 완성하세요.

게임을 직접 완성했어요!
나는 플레이어이자 메이커

게임 하나만 끝냈어도 멋진 성공이에요. 재미있는지 판단하고 오류를 찾은 사람은 바로 나예요.
다음에는 내 규칙 한 가지를 더 부탁해 보세요.