Interactive Media Art
Members
- 이재호, 박현주, 문주혜, 서충모, 여주은, 김동주, 정지민
Agenda
- ScratchX를 이용한 Kinect 애니메이션 제작
- 주제1. 동화 Visual Novel: 이상한 나라의 엘리스
- 주제2: 영화 홍보 게임: 아이언맨
- 주제3: 공익 광고 게임: 북한이탈주민 인남이의 상처되는 말 피하기
주제1. 동화 Visual Novel: 이상한 나라의 엘리스
아이디어 선정 과정
키넥트를 가장 신기하고 흥미롭게 사용할 수 있을 대상은 어린이라고 생각하였다. 어린이 교육을 위해 동화를 실제로 체험할 수 있는 시나리오를 설정하였다. 동화 중에서 가장 신비롭다고 할 수 있는 “이상한 나라의 앨리스”를 주제로 3단계의 게임을 제작하였다
주요 내용
시작 화면
앨리스가 이상한 나라의 문을 여는 장면을 통해 사용자가 본인이 동화 속의 앨리스가 되었다는 것을 인식할 수 있도록 하였다.
- 사용자의 손의 위치가 인식
- 열쇠 이미지에 사용자의 손이 닿으면 열쇠가 손의 위치를 따라가게 설정
- 열쇠가 넣어질 공간의 x,y 좌표가 열쇠의 좌표와 같아지면 성공을 알리는 효과음과 함께 다음 장면으로 넘어간다.
장면 1
동화 속에서 앨리스가 토끼를 만나는 장면을 빠르게 움직이는 동화 속의 토끼를 사용자가 손으로 잡는 것으로 설정하였다.
- npc 토끼: 진행될 게임의 방식을 설명한다
- 토끼의 x,y 좌표를 0.6 초 간격으로 화면 이미지에 맞게 랜덤으로 설정한다
- 토끼가 움직일 때 마다 게임적인 흥미 요소를 추가시키기 위해 효과음을 추가
- 토끼의 이미지에 사용자의 손이 닿으면 토끼 이미지가 멈추고 게임 성공을 알리며 다음 화면으로 전환
장면 2
동화 속 엉망진창 다과회 장면을 모티브로 하여 제시되는 음계와 똑같이 사용자가 손으로 컵 이미지를 터치하여 연주하면 게임에 성공하도록 설정하였다.
- npc 모자장수: 게임 진행 방식을 설명
- 사용자가 동일하게 연주할 음악 과제 들려줌
- 모자장수가 음악이 끝났음을 알리고 사용자의 게임 시작을 유도
- 사용자의 손이 각 각 컵 이미지에 닿을 때마다 지정된 음계가 들림
- 음계가 맞으면 옆 Music List에 음계가 표시되고, 틀리면 모자장수로 하여금 틀린 음계라는 것을 말해주고 사용자의 재시도를 유도
- 모든 음계가 맞을 시 모자장수는 게임 성공을 알리며 다음 장면으로 전환
장면 3
붉은 여왕과 병사들이 쏘는 화살을 앨리스가 완벽히 피하면 최종적으로 게임에 승리하도록 설정하였다.
- npc 붉은 여왕: 붉은 여왕이 게임의 마지막 단계임을 알리며 게임 방식 설명
- 화살이미지가 랜덤의 위치에서 glide 된다
- 화살은 총 20개가 떨어지며 사용자(앨리스)에게는 3번의 기회가 주어진다
- 앨리스 이미지 위치는 사용자의 움직임에 따라 달라지며 화살이미지가 앨리스 이미지에 닿았을 경우 기회를 표시하는 Life가 1씩 감소된다
- 화살 20개를 다 피하기 전에 3번의 기회를 모두 써버리면 게임의 재시도를 위한 창이 표시
- 사용자의 손 이미지를 통해 replay 버튼을 누르게 되면 게임은 재시작된다
- 화살 20개를 피하게 되면 효과음과 함께 붉은 여왕이 게임의 성공을 알리며 엔딩 장면으로 전환된다
Ending
모든 게임에 성공하였을 때 앨리스가 꿈에서 깨는 장면을 통해 엔딩을 보여준다.
Demo
주제2: 영화 홍보 게임: 아이언맨
아이디어 선정 과정
키넥트 연결을 통해 어떤 흥미로운 주제를 만들어 낼 수 있을 것인가에 대해 논의하였고, 영화 캐릭터가 직접 되어 보는 프로젝트를 진해하기로 결정하였다. 기존의 정적인 홍보 포스터의 비해 사용자의 움직임에 따라 반응하고 움직이는 포스터를 제작하고 게임적 요소를 첨가하여 포스터 및 영화에 관심을 가지도록 한다. 이후 자연스럽게 영화 예고편 등을 틀어 준다면 자연스럽게 효과적으로 영화를 홍보할 수있다.
주요 내용
사용자의 관절을 인식하고 이에 맞춰 팔과 다리, 얼굴 그리고 몸의 움직임에 맞춰 아이언맨이 움직인다. 사용자가 직접 아이언맨이 되는 체험인데, 아이언맨의 손이 인피니티 스톤에 닿으면 스톤이 타노스로 바뀌며 손에서 빔 효과가 나온다. 영화 상 악당에 해당하는 타노스를 공격할 수 있으며 그 후에 자연스레 영화 예고편으로 넘어간다.
Demo
주제3: 공익 광고 게임: 북한이탈주민 인남이의 상처되는 말 피하기
아이디어 선정 과정
키넥트 연결을 통해 흥미로운 주제도 좋지만 사회적인 메시지를 전달할 수 있는 도구로도 활용할 수 있다는 것을 보여주고 싶었다. 우리는 여러 사회적 문제 가운데 탈북민들의 아픔을 전달하기로 하였는데, 무심코 던지는 우리들의 말이 그들에게 큰 상처가 된다는 것을 표현하고 사람들에게 알려주고 싶었다.
주요 내용
탈북민 캐릭터 ‘인남’이를 만들고 탈북민의 아픈 이야기를 들려준다. 그 후에 화면이 전환되어 탈북민에게 상처를 줄 수 있는 말들이 내려오는데 화면 인식을 통해 인남이가 된 사용자는 상처의 말들을 피할 수 있지만 3번 째 맞는 순간 화면이 바뀌면서 아픔에 대해 들려준다. 하지만 인남이는 아픔에 굴하는 것에 그치지 않고, 희망찬 화면으로 전환해 희망의 메시지도 전달하며 마무리한다.
인남이에게 떨어지는 상처의 말 피하기
인남이의 아픔에 공감하기
인남이의 희망찬 앞날을 위한 사랑의 메시지
Demo
구현 방법: Kinect 2.0과 ScratchX를 이용한 미디어아트 제작
설치 (윈도우 PC인 경우)
구현 원리
- Kinect는 인체의 주요 관절의 3차원 좌표를 파악
- 여러 관절 좌표들 중 일부(예: 엘리스 게임의 손) 또는 전부(예: 아이언맨, 북한이탈주민)를 이용하여 화면 상의 오브젝트를 조작
- 인터랙션 예
- 손을 움직여서 열쇠로 문을 열거나 토끼를 잡음 (엘리스)
- 손과 팔을 움직여 악당을 물리침(아이언맨)
- 온 몸을 좌우로 움직여 화살(엘리스) 또는 상처되는 말(북한이탈주민)을 피함
장점
- 오늘날 사용자 참여식 인터랙티브 미디어 아트는 기술보다 콘텐츠의 창의성이 중요함
- ScratchX는 비교적 손쉽게 창의적인 미디어아트 콘텐츠 제작
- 빠르고 간편하게 다양한 콘텐츠를 프로토타이핑하고 비주얼 그래픽 효과를 검토 가능
- ScratchX가 인터랙티브 미디어 아트의 프로토타입을 목적으로 이용하기에 충분함을 확인함
한계
- 화면 크기, 해상도, 세부적인 구현 방식 등 기술적 제약
- 전문적 미디어 아트 구현에 한계
Source Code
- download from here
Reference
- https://kocoafab.cc/tutorial/view/716
- (book) 스크래치 미디어아트