목록으로
교육·학습을 위한 AI 활용
우리 아이들을 위한 종이인형극 만들기 프로그램 '페이블 메이커'
종이인형을 가지고 노는것처럼 놀면서 종이인형극을 녹화해서 재생도 할 수 있는 동화제작 프로그램 페이블 메이커
🤖 활용 AI 도구
codex
① 어떤 상황에서 AI를 활용했나요?
아이들과 종이인형이나 그림을 가지고 놀듯이, 컴퓨터 화면에서도 캐릭터를 직접 움직이면서 인형극을 만들 수 있는 프로그램을 만들어 보고 싶었습니다.
일반적인 영상 편집 프로그램은 미리 준비한 영상이나 이미지를 편집하는 방식이라 아이와 함께 즉석에서 캐릭터를 움직이며 놀기에는 복잡했습니다. 그래서 캐릭터를 마우스로 직접 움직이고, 그 움직임과 음성 등을 그대로 기록해 다시 재생할 수 있는 '페이블 메이커'를 개발하는 과정에서 AI 코딩 도구를 활용했습니다.
② 어떤 AI를 어떻게 활용했나요?
Codex에서 제가 원하는 기능과 동작 방식을 자연어로 설명하고, AI와 대화하면서 프로그램의 구조를 설계하고 HTML, CSS, JavaScript 코드를 작성·수정하는 방식으로 개발했습니다.
예를 들어 단순히 캐릭터를 화면에서 움직이는 기능에서 시작해,
- 캐릭터 움직임 녹화와 재생
- 여러 캐릭터를 각각 기록하는 타임라인
- 녹화된 구간 이동·자르기·분할
- 크기·회전·투명도·좌우 반전
- 페이드·회전·확대·축소 효과
- 캐릭터에 다른 요소를 붙여 움직이는 합성 기능
- 음성 녹음과 캐릭터별 음성 트랙
- 목소리 효과
- 배경과 캐릭터 이미지 불러오기
- 프로젝트 저장·불러오기
- 완성된 장면의 영상 출력
등 필요한 기능을 하나씩 AI와 설계하고 구현했습니다.
기능을 한 번에 만들도록 지시하기보다는 제가 실제 프로그램을 실행해 보고 문제점을 확인한 뒤, 다시 AI에게 동작을 설명하고 수정하는 과정을 반복했습니다.
③ 활용 결과 어떤 변화가 있었나요?
처음의 단순한 종이인형 놀이 아이디어가 실제로 사용할 수 있는 웹 기반 종이인형극 제작 프로그램으로 발전했습니다.
현재는 20개의 기본 배경과 100개 이상의 투명 배경 요소를 사용할 수 있고, 사용자가 자신의 PNG·JPG·WebP·SVG 이미지도 추가할 수 있습니다.
화면의 캐릭터를 직접 움직이며 녹화하면 그 움직임이 영상 자체가 아니라 편집 가능한 타임라인 데이터로 저장됩니다. 그래서 녹화가 끝난 뒤에도 클립의 위치를 옮기거나 길이를 조절하고, 중간을 나누거나 다시 녹화할 수 있습니다.
음성 역시 별도의 클립으로 기록되며 캐릭터별로 여러 음성을 붙이거나 이동·분할할 수 있습니다. 완성된 결과는 다시 재생하거나 WebM 영상으로 출력할 수 있습니다.
즉, 단순히 화면에서 종이인형을 움직이는 프로그램에서 녹화 → 편집 → 음성 → 효과 → 재생 → 영상 출력까지 가능한 제작 도구로 확장되었습니다.
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
'페이블 메이커'의 가장 큰 특징은 아이가 완성된 동화를 단순히 보는 데서 끝나는 것이 아니라, 직접 캐릭터를 움직이고 목소리를 넣으며 동화 속 이야기에 참여할 수 있다는 점입니다.
부모와 아이가 함께 캐릭터를 고르고, 종이인형극을 하듯 역할을 나누어 직접 장면을 연기할 수 있습니다. 아이가 평소 좋아하는 이야기나 가족만의 이야기를 소재로 부모가 직접 동화처럼 만들어 줄 수도 있습니다.
예를 들어 아이가 공룡을 좋아한다면 공룡 캐릭터와 배경을 이용해 부모가 아이만을 위한 이야기를 만들고, 부모와 아이가 각각 캐릭터의 목소리를 녹음하면서 하나의 동화 작품을 함께 완성할 수 있습니다.
또한 사용자가 직접 그린 그림이나 아이가 좋아하는 이미지를 불러와 등장인물로 사용할 수 있기 때문에, 정해진 콘텐츠만 소비하는 것이 아니라 우리 가족만의 캐릭터와 이야기를 만들어 갈 수 있습니다.
완성된 장면은 다시 재생하거나 영상으로 저장할 수 있어, 단순한 놀이가 일회성으로 끝나지 않고 아이가 직접 참여해 만든 하나의 추억과 작품으로 남게 됩니다.
기존의 동화 콘텐츠가 주로 **‘만들어진 이야기를 보는 것’**에 가깝다면, '페이블 메이커'는 **‘부모와 아이가 함께 이야기를 연기하고 직접 작품으로 남기는 것’**에 초점을 맞춘 프로그램입니다.
⑤ 다른 사람도 따라 할 수 있나요?
가능합니다.
전문적인 프로그래밍 지식이 많지 않더라도 먼저 만들고 싶은 프로그램의 기능을 작은 단위로 나누고,
아이디어 설명 → AI와 기능 설계 → 코드 작성 → 직접 실행 → 문제 확인 → AI에게 수정 요청 → 다시 실행
과정을 반복하는 방식으로 접근할 수 있습니다.
'페이블 메이커' 역시 처음부터 현재의 많은 기능을 계획해서 한 번에 만든 것이 아니라, 실제로 사용해 보면서 필요한 기능을 하나씩 추가하고 기존 기능을 계속 개선하는 방식으로 개발했습니다.
특히 AI에게 단순히 "프로그램을 만들어줘"라고 요청하기보다 어떤 상황에서 어떤 동작을 해야 하는지 구체적으로 설명하고, 결과를 직접 확인한 뒤 수정하는 방식이 효과적이었습니다.
아이들과 종이인형이나 그림을 가지고 놀듯이, 컴퓨터 화면에서도 캐릭터를 직접 움직이면서 인형극을 만들 수 있는 프로그램을 만들어 보고 싶었습니다.
일반적인 영상 편집 프로그램은 미리 준비한 영상이나 이미지를 편집하는 방식이라 아이와 함께 즉석에서 캐릭터를 움직이며 놀기에는 복잡했습니다. 그래서 캐릭터를 마우스로 직접 움직이고, 그 움직임과 음성 등을 그대로 기록해 다시 재생할 수 있는 '페이블 메이커'를 개발하는 과정에서 AI 코딩 도구를 활용했습니다.
② 어떤 AI를 어떻게 활용했나요?
Codex에서 제가 원하는 기능과 동작 방식을 자연어로 설명하고, AI와 대화하면서 프로그램의 구조를 설계하고 HTML, CSS, JavaScript 코드를 작성·수정하는 방식으로 개발했습니다.
예를 들어 단순히 캐릭터를 화면에서 움직이는 기능에서 시작해,
- 캐릭터 움직임 녹화와 재생
- 여러 캐릭터를 각각 기록하는 타임라인
- 녹화된 구간 이동·자르기·분할
- 크기·회전·투명도·좌우 반전
- 페이드·회전·확대·축소 효과
- 캐릭터에 다른 요소를 붙여 움직이는 합성 기능
- 음성 녹음과 캐릭터별 음성 트랙
- 목소리 효과
- 배경과 캐릭터 이미지 불러오기
- 프로젝트 저장·불러오기
- 완성된 장면의 영상 출력
등 필요한 기능을 하나씩 AI와 설계하고 구현했습니다.
기능을 한 번에 만들도록 지시하기보다는 제가 실제 프로그램을 실행해 보고 문제점을 확인한 뒤, 다시 AI에게 동작을 설명하고 수정하는 과정을 반복했습니다.
③ 활용 결과 어떤 변화가 있었나요?
처음의 단순한 종이인형 놀이 아이디어가 실제로 사용할 수 있는 웹 기반 종이인형극 제작 프로그램으로 발전했습니다.
현재는 20개의 기본 배경과 100개 이상의 투명 배경 요소를 사용할 수 있고, 사용자가 자신의 PNG·JPG·WebP·SVG 이미지도 추가할 수 있습니다.
화면의 캐릭터를 직접 움직이며 녹화하면 그 움직임이 영상 자체가 아니라 편집 가능한 타임라인 데이터로 저장됩니다. 그래서 녹화가 끝난 뒤에도 클립의 위치를 옮기거나 길이를 조절하고, 중간을 나누거나 다시 녹화할 수 있습니다.
음성 역시 별도의 클립으로 기록되며 캐릭터별로 여러 음성을 붙이거나 이동·분할할 수 있습니다. 완성된 결과는 다시 재생하거나 WebM 영상으로 출력할 수 있습니다.
즉, 단순히 화면에서 종이인형을 움직이는 프로그램에서 녹화 → 편집 → 음성 → 효과 → 재생 → 영상 출력까지 가능한 제작 도구로 확장되었습니다.
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
'페이블 메이커'의 가장 큰 특징은 아이가 완성된 동화를 단순히 보는 데서 끝나는 것이 아니라, 직접 캐릭터를 움직이고 목소리를 넣으며 동화 속 이야기에 참여할 수 있다는 점입니다.
부모와 아이가 함께 캐릭터를 고르고, 종이인형극을 하듯 역할을 나누어 직접 장면을 연기할 수 있습니다. 아이가 평소 좋아하는 이야기나 가족만의 이야기를 소재로 부모가 직접 동화처럼 만들어 줄 수도 있습니다.
예를 들어 아이가 공룡을 좋아한다면 공룡 캐릭터와 배경을 이용해 부모가 아이만을 위한 이야기를 만들고, 부모와 아이가 각각 캐릭터의 목소리를 녹음하면서 하나의 동화 작품을 함께 완성할 수 있습니다.
또한 사용자가 직접 그린 그림이나 아이가 좋아하는 이미지를 불러와 등장인물로 사용할 수 있기 때문에, 정해진 콘텐츠만 소비하는 것이 아니라 우리 가족만의 캐릭터와 이야기를 만들어 갈 수 있습니다.
완성된 장면은 다시 재생하거나 영상으로 저장할 수 있어, 단순한 놀이가 일회성으로 끝나지 않고 아이가 직접 참여해 만든 하나의 추억과 작품으로 남게 됩니다.
기존의 동화 콘텐츠가 주로 **‘만들어진 이야기를 보는 것’**에 가깝다면, '페이블 메이커'는 **‘부모와 아이가 함께 이야기를 연기하고 직접 작품으로 남기는 것’**에 초점을 맞춘 프로그램입니다.
⑤ 다른 사람도 따라 할 수 있나요?
가능합니다.
전문적인 프로그래밍 지식이 많지 않더라도 먼저 만들고 싶은 프로그램의 기능을 작은 단위로 나누고,
아이디어 설명 → AI와 기능 설계 → 코드 작성 → 직접 실행 → 문제 확인 → AI에게 수정 요청 → 다시 실행
과정을 반복하는 방식으로 접근할 수 있습니다.
'페이블 메이커' 역시 처음부터 현재의 많은 기능을 계획해서 한 번에 만든 것이 아니라, 실제로 사용해 보면서 필요한 기능을 하나씩 추가하고 기존 기능을 계속 개선하는 방식으로 개발했습니다.
특히 AI에게 단순히 "프로그램을 만들어줘"라고 요청하기보다 어떤 상황에서 어떤 동작을 해야 하는지 구체적으로 설명하고, 결과를 직접 확인한 뒤 수정하는 방식이 효과적이었습니다.
