2025. 9. 5. 09:30ㆍCreate
“코딩은 어렵다”는 생각, 한 번쯤 해본 적 있지 않나요? 하지만 AI와 대화하듯 만드는 바이브 코딩이라면 이야기가 달라져요. 오늘은 구글 티처블머신에서 훈련한 포즈 인식 모델을 활용해, 직접 움직임으로 조종하는 3D 비행기 게임을 만들어 볼 거예요! 😊

준비물 체크리스트 🧰
- 구글 Teachable Machine 계정 (포즈 인식 모델 학습용)
- 웹캠 또는 노트북 내장 카메라
- 바이브 코딩 환경 (AI와 대화하며 코드 생성)
- 웹 브라우저(크롬 추천)
단계별 진행 가이드 🚀
1단계: 티처블머신으로 포즈 모델 만들기
티처블머신 사이트에 접속해 포즈 프로젝트를 새로 생성하세요. 카메라로 다양한 자세를 학습시켜 Up / Down / Left / Right 등 클래스를 만듭니다. 학습이 끝나면 모델 내보내기를 선택해 URL을 복사하세요.
2단계: 바이브 코딩에서 게임 골격 만들기
“3D 비행기 게임을 만들어줘”라고 AI에게 요청해보세요. 처음에는 단순히 좌우 이동 또는 장애물 피하기 형태로 시작할 수 있습니다. 여기서 점수, 카운트다운, BGM 같은 요소를 추가하며 게임을 발전시켜요.
3단계: 포즈 인식 모델 연결하기
시작 화면에 모델 URL 입력칸과 [모델 로드] 버튼을 추가하세요. 로드가 완료되면 “Up / Down / Left / Right” 같은 학습한 클래스 이름이 표시됩니다. 이제 포즈에 따라 비행기가 움직이도록 제어 로직을 연결합니다.
4단계: 게임 규칙 적용하기
- 상승(Up): 두 팔을 번쩍 들기
- 좌/우 이동: 해당 방향 팔을 들기
- 하강(Down): 상체를 보이게 하면서 팔을 내리기
60초 카운트다운 안에 빨간 벽돌을 통과하면 점수 +1, 시간 +1초가 추가돼요. 게임 종료 후 점수가 표시되고, [다시 시작] 버튼으로 재도전할 수 있습니다.
흔한 오류 & 해결법 ⚡
- 배경이 복잡하면 인식률이 떨어집니다. 단색 벽 앞에서 시도하세요.
- 카메라 밝기를 조정하면 정확도가 높아집니다.
- 포즈 학습 시 최소 30장 이상의 이미지를 촬영하세요.
✨ 오늘의 핵심 요약
- 티처블머신으로 포즈 인식 모델 쉽게 학습
- 바이브 코딩으로 3D 비행기 게임 골격 생성
- 포즈와 게임 로직 연결해 실제 조작 가능
- AI와 함께라면 코딩 경험 없어도 프로젝트 완성!
FAQ 🙋
Q1. 티처블머신은 무료인가요?
네, 구글 계정만 있으면 누구나 무료로 이용할 수 있습니다.
Q2. 카메라 대신 스마트폰으로도 가능한가요?
기본은 웹캠 기반이지만, 스마트폰 카메라를 연결하면 활용할 수 있습니다.
Q3. 게임 난이도 조절이 가능한가요?
네, 점수 증가 조건이나 속도를 코드에서 수정해 난이도를 조절할 수 있습니다.
Q4. 포즈를 꼭 4가지로만 설정해야 하나요?
아닙니다. 필요하다면 더 많은 포즈 클래스를 추가해 확장할 수 있습니다.
게임 체험 링크 (아래 링크 클릭)
코딩클럽 - AI 창작&교육 커뮤니티 : 네이버 카페
인공지능과 함께 생각을 나누고 결과를 함께 만드는 창작 커뮤니티 공간 입니다.
cafe.naver.com
오늘은 바이브 코딩과 티처블머신을 활용해 3D 비행기 게임을 만드는 과정을 살펴봤습니다. 중요한 건, 코딩을 몰라도 AI와 함께라면 아이디어를 바로 현실로 만들 수 있다는 점이에요. 다음 프로젝트는 또 어떤 재미있는 결과물이 나올지 기대되지 않나요? 🙌
'Create' 카테고리의 다른 글
| "저기요" 대신 이름을 불러주는 앱을 만들었습니다 (0) | 2026.05.16 |
|---|---|
| 학교 교구 관리, 아직도 엑셀로 하시나요?< (0) | 2025.12.26 |
| 크리스마스 트리에 카드를 단다고요? - 크리스마스 카드 만들기 웹앱 (1) | 2025.12.18 |
| 10분 만에 끝! 바이브코딩으로 만드는 랜덤 주제 뽑기 웹앱 가이드 (1) | 2025.12.08 |
| 수업 시작 3분 만에 학생들 집중시킨 비법 🎯 AI 진단 테스트, 이렇게 만들었어요 (0) | 2025.12.07 |