관리자 인증 확인 중...
B 또는 Space 로 복귀
‹
›
LUNA CODE LAB · CLASS I Week 12 — 출시 데이! 초4 · 중3 / 90분 · FINAL
1 / 9 📄 워크시트 ←
WEEK 12 · 2026 · FINAL

진짜 게임이
세상에 나가는 날

12주 동안 만든 게임을 드디어 출시합니다. Runway로 트레일러 영상을 만들고, 소개 페이지를 띄우고, 놀이터에 게시하고, SNS로 자랑. 오늘부터 너는 게임 개발자다.

Duration90 minutes
ToolClaude Code + Runway
Output트레일러 + 출시 페이지
Phase코스 졸업 (5/5)
02 / Learning Goals⏱ 5분

오늘의 학습 목표

1
Runway로 영상 컷 만들기
텍스트와 이미지로 4~5개 짧은 영상 클립 생성. AI가 영화 컷을 그려준다.
2
30초 트레일러 편집
CapCut 또는 iMovie로 컷+자막+음악을 싱크해서 진짜 게임 예고편 만들기.
3
게임 소개 페이지
스크린샷·플레이 버튼·작가 노트가 있는 진짜 출시 페이지(landing page).
4
놀이터 게시 + SNS 공유
Luna 놀이터에 정식 등록. 가족·친구에게 카톡으로 링크 보내 진짜 출시.
03 / Concept⏱ 10분

출시가 진짜 시작이다

게임을 만든 것보다 사람들에게 보여주는 것이 진짜 마지막 단계. Steam에 올라간 게임의 99%는 트레일러·페이지·SNS가 약해서 묻혀요. 우리는 안 묻혀요.

🎮
게임 (완성)
12주의 결과
베타 빌드
+
🎬
출시 패키지
트레일러+페이지
SNS 공유
=
🚀
진짜 출시
친구·가족이 진짜
플레이하는 게임
오늘의 비밀: 게임 회사도 같은 일을 합니다. "트레일러 → 페이지 → SNS" 세 박자가 출시의 모든 것.
04 / Prompt Engineering⏱ 12분

Runway 프롬프트 — 영화 컷처럼

❌ 나쁜 예
"내 게임 트레일러 만들어줘"
왜 안 좋나? Runway는 영상 클립 하나씩 만드는 도구. "트레일러"는 너무 큰 단위. 결과: 추상적인 이미지 하나만 나옴.
✓ 좋은 예
"cinematic close-up, glowing
spaceship cockpit, neon blue lights,
pilot looking serious, slow zoom in,
2 seconds, 16:9, anime style"
왜 좋나? 샷 종류(close-up)·내용·움직임(zoom)·길이(2초)·비율·스타일까지 명확. 결과: 진짜 영화 같은 컷 1개. 이걸 4~5개 모아서 편집.
💡 트레일러 컷 공식: 샷 종류(close-up/wide/aerial) · 내용 · 움직임(zoom/pan) · 길이(2~4초) · 스타일
05 / Live Build · Step 1⏱ 8분

Step 1 — Runway에서 영상 컷 만들기

runwayml.com에 가서 Gen-3 Alpha로 게임 분위기에 맞는 4~5개 짧은 클립을 만든다. 각 3~4초.

1
트레일러용 컷 5개 (예시 — 본인 게임에 맞게)
// 트레일러 = 도입 → 액션 → 보스 → 위기 → 승리 흐름 컷1 (오프닝): "wide shot, dark space with stars, lonely small spaceship floating, slow pan right, 3s, anime" 컷2 (액션): "close-up, lasers shooting from spaceship, explosions, fast camera shake, 2s, cinematic" 컷3 (보스): "dramatic low angle, giant alien boss appearing from smoke, glowing red eyes, 3s, dark anime" 컷4 (위기): "spaceship being hit, sparks flying, red alert flashing, 2s, intense" 컷5 (승리): "boss exploding, white flash, victory pose, slow motion, 3s, triumphant"
🎙
멘토 멘트 "이게 영화 트레일러 만드는 진짜 방식이에요. 헐리우드도 똑같이 컷 단위로 기획해요. 30초짜리 트레일러는 평균 12~15컷이에요. 짧고 빠르게."
🎬
학생 액션 본인 게임 스토리를 떠올려서 5컷 시나리오 짜기 → Runway 무료 크레딧으로 생성 → 마음에 드는 4컷만 다운로드.
05 / Live Build · Step 2⏱ 7분

Step 2 — 트레일러 편집 (CapCut)

CapCut 무료 버전(웹·앱)으로 컷+자막+음악을 30초에 싱크. 비트에 컷이 떨어지면 갑자기 프로처럼 보입니다.

2a
타임라인에 배치
컷 4~5개를 순서대로 놓고 → 음악(Suno에서 만든 BGM 또는 CapCut 라이브러리) → 비트 분석 켜기 → 컷 시작점을 비트에 맞춰 자석처럼 스냅.
2b
자막 3장
0~5초: 게임 이름 (큰 글씨)
15초: 한 줄 카피 ("우주의 마지막 희망", "100마리 적을 막아라" 등)
27~30초: "Play Now" + 본인 이름 (작은 글씨)
2c
효과·익스포트
컷 사이에 화이트 플래시 트랜지션 0.2초씩 끼우면 박진감 폭증. 16:9 1080p mp4로 내보내기.
🎙
핵심 가르침 "비트에 컷이 떨어지면 마법처럼 트레일러가 살아나요. 이걸 '비트컷'이라고 해요. 한 번만 해봐도 평생 영상 보는 눈이 달라져요."
05 / Live Build · Step 3⏱ 6분

Step 3 — 게임 소개 페이지

트레일러·스크린샷·플레이 버튼이 있는 1페이지짜리 출시 페이지. Claude에게 한 번에 요청.

3
Claude에게 보낼 요청
"내 게임 출시 페이지 landing.html 만들어줘. - 상단: 게임 이름(큰 세리프 폰트) + 한 줄 카피 - 중앙: 트레일러 영상 임베드(trailer.mp4, 자동재생, 음소거) - 그 아래: ▶ Play Now 큰 버튼 (game.html로 이동) - 스크린샷 그리드 3장 (가로 정렬) - 작가 노트: 내가 왜 만들었는지 2줄 - 하단: '12주 Luna Code Lab Class I 졸업 작품' 스타일: 어두운 배경, 네온 강조색, Pretendard 폰트"
🎙
멘토 강조 "이 페이지 한 장만 있으면 어디서든 게임을 자랑할 수 있어요. 인스타에 링크 한 줄, 카톡에 링크 한 줄. 그게 출시예요."
📝
학생 액션 게임 이름 확정 + 한 줄 카피 + 작가 노트 2줄 직접 쓰기. AI가 도와줘도 OK, 하지만 본인 마음에서 나온 한 줄이 있어야 함.
05 / Live Build · Step 4⏱ 5분

Step 4 — 놀이터 게시

Luna 놀이터에 정식으로 게시. 다른 학원생도 플레이할 수 있게. 진짜 출시는 여기서부터.

4a
파일 정리
/games/[본인이름-게임이름]/ 폴더에 landing.html + game.html + sounds/ + images/ 다 넣기.
4b
놀이터 카탈로그 등록
선생님이 playground 카탈로그(playground-games.js 또는 동등 위치)에 본인 게임 카드 추가. 썸네일·이름·한 줄 소개·작가명 등록.
{ id: 'space-survivor-by-yourname', title: 'Space Survivor', tagline: '우주의 마지막 희망', author: '홍길동 (Class I)', thumb: '/games/yourname/thumb.jpg', href: '/games/yourname/landing.html' }
4c
배포 확인
luna-whale.web.app/games/[본인폴더]/landing.html 가서 진짜로 보이는지 확인. 친구 노트북에서도 열어보기.
🎙
멘토 멘트 "이 순간이 진짜예요. 인터넷에 본인 게임이 떠 있는 순간. 친구가 검색하면 나와요. 이게 12주의 진짜 결과예요."
05 / Live Build · Step 5⏱ 5분

Step 5 — 공유 + 발표

SNS·카톡으로 공유하고, 한 명씩 앞에 나와서 2분 발표. 게임 소개·만들면서 가장 힘들었던 것·가장 자랑하고 싶은 것.

5a
카톡 공유 템플릿
// 가족·친구에게 보낼 메시지 🎮 [게임 이름] 출시했어! 12주 동안 만든 내 첫 게임이야. 한번만 해봐줘 → [링크] PC·핸드폰 둘 다 돼요! - 작가: [본인 이름] - 졸업작품: Luna Code Lab Class I
5b
2분 발표 — 세 가지만
① 게임 소개 (30초) — 어떤 게임이고 어떻게 노는지
② 가장 힘들었던 것 (45초) — 어떻게 해결했는지
③ 가장 자랑하고 싶은 것 (45초) — 내가 직접 만든 부분
🎙
오늘의 마무리 — 12주의 끝 "12주 전에 너희가 '게임 만들고 싶다'고 했고, 오늘 진짜 만들었어요. 이게 끝이 아니에요. 다음 학기 시작 전까지 친구·가족에게 자랑하고, 피드백 받고, 더 다듬어 봐요. 다음 학기엔 더 큰 거 만들어요."
🎓
졸업 액션 가족 3명·친구 3명에게 카톡 링크 발송 → 한 명이라도 플레이 후기 받아오기 (다음 주 첫 학기 끝났을 때 자랑할 거리).
10 / Checkpoint⏱ 5분

출시 완료 체크리스트

🚀출시 완료라면
  • 30초 트레일러 mp4 완성 (Runway+CapCut)
  • 게임 소개 페이지(landing.html) — 트레일러+플레이 버튼+스크린샷
  • Luna 놀이터에 게임 카드 등록
  • 가족·친구 3명 이상에게 링크 공유
  • 2분 발표 완료 + 12주 코스 졸업 🎓
⚠️자주 막히는 부분
  • Runway 크레딧 부족 → 무료 125 크레딧으로 4컷 충분. 5번째는 스크린샷 활용
  • CapCut 비트 분석 안 보임 → 음악 트랙 우클릭 → "Auto Beat" 옵션
  • landing.html 트레일러 안 재생 → muted 속성 + autoplay 둘 다 필요
  • 모바일에서 영상 큼 → max-width:100% 추가
  • 발표가 너무 떨림 → 괜찮음. 12주 끝까지 온 게 이미 대단함
11 / Challenge⏱ 10분

방학 동안 도전

📊
플레이 통계 받기 — Google Analytics 또는 Firebase Analytics로 누가 몇 명 플레이했는지 확인. 진짜 게임 회사 일.
난이도 ★
🏆
리더보드 추가 — Firestore로 점수 저장. "전국 1등" 같은 친구 자랑할 거리가 생긴다.
난이도 ★★
🌐
itch.io 정식 게시 — 전 세계 인디 게임 플랫폼에 본인 게임 업로드. 진짜 출시 + 진짜 외국인 플레이어.
난이도 ★★★
12 / Class I 졸업작품⏱ 7분

우리 반 졸업작품

🎮
졸업작품 1
🚀
졸업작품 2
⚔️
졸업작품 3
👾
졸업작품 4
🛸
졸업작품 5
🏆
졸업작품 6
📌 첫 학기 종료 후 학생 졸업작품 썸네일·트레일러를 여기에 채울 예정입니다.
13 / Graduation⏱ 5분

🎓 12주 코스 졸업

CLASS I · DONE · 다음 학기 친구들에게

너희가 만든 게임이
다음 학생들의 레퍼런스다

12주 전 — Claude한테 자기소개부터 했어요. 오늘 — 트레일러까지 만들고 출시했어요. 너희가 한 일을 1년 전엔 게임 회사 직원만 할 수 있었어요. 이제 너희는 다음 학기 신입생들의 "선배"입니다. 졸업작품이 살아 있는 교재가 될 거예요.

방학 동안 · 다음 학기 시작 전까지
  • 가족·친구 30명 이상에게 게임 공유 → 플레이 후기 받기
  • Class II 신청 (자기 게임 확장 또는 새 장르 도전)
  • Runway·CapCut·Suno 무료 크레딧으로 트레일러 1편 더 만들기
  • itch.io 또는 GitHub Pages에 백업 — 평생 포트폴리오
  • 가장 자랑스러운 순간 한 컷 사진 → 내년에 다시 볼 수 있게