Tramscape to Korea

Tramscape to Korea

📅 March 2024 ~ September 2024

📅 March 2024 ~ September 2024

🏆️ 한국관광공사 주최 실감관광콘텐츠 경진대회 최우수상 (한국관광공사장상)

🏆️ 한국관광공사주최 실감관광콘텐츠 경진대회 최우수상(한국관광공사장상)

Perception-Based Interaction Design

Real-time System Optimization

Stakeholder-Driven Iteration

High-Fidelity Content Production

Perception-Based Interaction Design

Real-time System Optimization

High-Fidelity Content Production

Stakeholder-Driven Iteration

Tramscape to Korea: Immersive Travel, Anytime, Anywhere

Tramscape to Korea:
Immersive Travel, Anytime, Anywhere

언어

Abstract

Tramscape To Korea는 컴퓨터 비전 기반 실시간 바디 트래킹과 가상 카메라의 절두체 조정 알고리즘을 통해 별도의 착용형 장비 없이 2D 디스플레이를 마치 창문 너머 입체 공간을 지각하는 것처럼 구현한 실감형 관광 콘텐츠입니다. 화면 앞에서 카메라와 실시간으로 동작하는 게임 엔진이 연동되어 사용자의 신체 움직임에 따라 운동 시차(Motion Parallax)와 시야각 변화가 자연스럽게 구현되고 이를 통해 뛰어난 공간감과 몰입감을 형성할 수 있습니다. 경주 한옥마을과 월정교 등 한국의 실제 대표 관광 명소를 직접 모델링하고 HDRP 렌더링 파이프라인과 포스트 프로세싱을 적용하여 실사 수준의 시각적 완성도를 구현했으며, 기차 여행이라는 익숙한 시나리오를 통해 자연스러운 콘텐츠 경험을 제공합니다. 관광 산업 실무자의 지속적인 피드백을 반영해 더 높은 재미와 시선을 사로잡을 수 있는 방향으로 발전시켰으며 생성형 AI 기반 음성 안내와 추가적인 시각·청각 효과를 더해 프로덕트로써의 완성도를 강화했습니다. 이후 강남 AT센터에서 개최된 관광 일자리 페스타 무대에서 이틀간 전시 및 시연을 진행했습니다.

착용형 장비 없이 플레이어의 실감형 몰입과 주목을 끌 수 있는 인터랙션을 어떻게 설계할 수 있을까?

게임에는 일반적인 키보드·마우스나 게임 패드 조작 외에도 다양한 인터랙션 방식이 존재합니다. 예를 들어 저스트 댄스처럼 플레이어의 움직임을 그대로 인식해 조작 자체가 퍼포먼스가 되는 경우가 있으며, 메탈기어 솔리드처럼 특정 상황에서 실제로 컨트롤러 포트를 바꿔야 하는 독특한 조작을 요구하는 사례도 있습니다. 이 프로젝트는 3학년 1학기 교내 게임인터랙티브테크놀로지 수업에서 설계·개발한 바디트래킹 기반 모션 패럴랙스 인터랙션 기술을 바탕으로, 이를 2024 한국실감관광콘텐츠 경진대회 출품작으로 발전시킨 기차 창문 여행 관광 콘텐츠입니다. 저는 인터랙션 디자인 구상 및 프로젝트 매니징, 특정 기능 개발 및 통합을 담당했으며 관광 산업에 특화된 리서치와 기획을 통해 실제 산업 맞춤형 프로덕트를 제작하고 시연헀습니다. 그 결과, Tramscape To Korea는 한국관광공사가 주최한 2024 실감 관광콘텐츠 경진대회에서 최우수상인 한국관광공사장상을 수상했습니다.

Abstract

Tramscape To Korea는 컴퓨터 비전 기반 실시간 바디 트래킹과 가상 카메라의 절두체 조정 알고리즘을 통해 별도의 착용형 장비 없이 2D 디스플레이를 마치 창문 너머 입체 공간을 지각하는 것처럼 구현한 실감형 관광 콘텐츠입니다. 화면 앞에서 카메라와 실시간으로 동작하는 게임 엔진이 연동되어 사용자의 신체 움직임에 따라 운동 시차(Motion Parallax)와 시야각 변화가 자연스럽게 구현되고 이를 통해 뛰어난 공간감과 몰입감을 형성할 수 있습니다. 경주 한옥마을과 월정교 등 한국의 실제 대표 관광 명소를 직접 모델링하고 HDRP 렌더링 파이프라인과 포스트 프로세싱을 적용하여 실사 수준의 시각적 완성도를 구현했으며, 기차 여행이라는 익숙한 시나리오를 통해 자연스러운 콘텐츠 경험을 제공합니다. 관광 산업 실무자의 지속적인 피드백을 반영해 더 높은 재미와 시선을 사로잡을 수 있는 방향으로 발전시켰으며 생성형 AI 기반 음성 안내와 추가적인 시각·청각 효과를 더해 프로덕트로써의 완성도를 강화했습니다. 이후 강남 AT센터에서 개최된 관광 일자리 페스타 무대에서 이틀간 전시 및 시연을 진행했습니다.

BACKGROUND

BACKGROUND

문제 정의 및 인터랙션 메타포 도출


기존 2D 디스플레이는 평면이라는 본질적 특성으로 인해 운동 시차(motion parallax)와 같은 물리적 깊이 단서를 제공하지 못하며, 이는 사용자의 공간 지각과 몰입에 근본적인 한계를 초래합니다. 우리는 이러한 문제 상황을 Bill Verplank의 IxD 프로세스—How do you do? How do you feel? How do you know?로 대표되는 동작(action), 감성(emotion), 인지(cognition)의 3단계 디자인 사고—에 기반하여 분석했고, 그 결과 창문(window)을 새로운 인터랙션 메타포를 도출했습니다. 창문은 물리적으로는 평면이지만 우리가 몸을 움직일 때 그 너머 공간은 3차원으로 지각되며 자연스럽게 탐색하는 익숙한 경험을 제공합니다.

착용형 장비 없이 플레이어의 실감형 몰입과 주목을 끌 수 있는 인터랙션을 어떻게 설계할 수 있을까?

게임에는 일반적인 키보드·마우스나 게임 패드 조작 외에도 다양한 인터랙션 방식이 존재합니다. 예를 들어 저스트 댄스처럼 플레이어의 움직임을 그대로 인식해 조작 자체가 퍼포먼스가 되는 경우가 있으며, 메탈기어 솔리드처럼 특정 상황에서 실제로 컨트롤러 포트를 바꿔야 하는 독특한 조작을 요구하는 사례도 있습니다. 이 프로젝트는 3학년 1학기 교내 게임인터랙티브테크놀로지 수업에서 설계·개발한 바디트래킹 기반 모션 패럴랙스 인터랙션 기술을 바탕으로, 이를 2024 한국실감관광콘텐츠 경진대회 출품작으로 발전시킨 기차 창문 여행 관광 콘텐츠입니다. 저는 인터랙션 디자인 구상 및 프로젝트 매니징, 특정 기능 개발 및 통합을 담당했으며 관광 산업에 특화된 리서치와 기획을 통해 실제 산업 맞춤형 프로덕트를 제작하고 시연헀습니다. 그 결과, Tramscape To Korea는 한국관광공사가 주최한 2024 실감 관광콘텐츠 경진대회에서 최우수상인 한국관광공사장상을 수상했습니다.

문제 정의 및 인터랙션 메타포 도출


기존 2D 디스플레이는 평면이라는 본질적 특성으로 인해 운동 시차(motion parallax)와 같은 물리적 깊이 단서를 제공하지 못하며, 이는 사용자의 공간 지각과 몰입에 근본적인 한계를 초래합니다. 우리는 이러한 문제 상황을 Bill Verplank의 IxD 프로세스—How do you do? How do you feel? How do you know?로 대표되는 동작(action), 감성(emotion), 인지(cognition)의 3단계 디자인 사고—에 기반하여 분석했고, 그 결과 창문(window)을 새로운 인터랙션 메타포를 도출했습니다. 창문은 물리적으로는 평면이지만 우리가 몸을 움직일 때 그 너머 공간은 3차원으로 지각되며 자연스럽게 탐색하는 익숙한 경험을 제공합니다.

이론적 기반 및 선행 기술 조사


서론에서 도출한 인터랙션 디자인 컨셉을 구체화하기 위해 Literature Review를 수행하였으며 인간의 인지 시스템에 대한 과학적 원리와 이를 구현하는 기술적 방법론을 조사하였고 Motion Parallax를 핵심 키워드로 식별하였습니다. Motion Parallax는 관찰자의 움직임에 따라 주변 물체의 상대적 시각 변화를 통해 거리와 깊이를 지각하는 생태학적 지각 현상으로 우리가 제안하는 '창문' 메타포의 이론적 기반이 됩니다. Motion Parallax 기반으로 2D 디스플레이에서 3D 공간감을 구현한 선행 사례로 Johnny Chung Lee의 Project Wii, Illumetry IO, iPhone의 Parallax View 등 다수의 연구 및 프로젝트가 존재했지만, 대부분의 사례는 외부 착용 장비를 요구하거나 시점 변화 만을 제공할 뿐 우리가 구상한 '창문' 메타포의 핵심 요소인 원근감(depth perception)시야각 변환(FOV transformation)을 동시에 구현하는 경우는 찾기 어려웠습니다. 이 중 Eduardo Rodrigues의 연구에서 창문과 유사한 지각 경험을 구현한 접근법을 확인하였으며, 이를 참조해 우리 시스템의 기술 설계 원리와 구현 방향을 수립했습니다.

이론적 기반 및 선행 기술 조사


서론에서 도출한 인터랙션 디자인 컨셉을 구체화하기 위해 Literature Review를 수행하였으며 인간의 인지 시스템에 대한 과학적 원리와 이를 구현하는 기술적 방법론을 조사하였고 Motion Parallax를 핵심 키워드로 식별하였습니다. Motion Parallax는 관찰자의 움직임에 따라 주변 물체의 상대적 시각 변화를 통해 거리와 깊이를 지각하는 생태학적 지각 현상으로 우리가 제안하는 '창문' 메타포의 이론적 기반이 됩니다. Motion Parallax 기반으로 2D 디스플레이에서 3D 공간감을 구현한 선행 사례로 Johnny Chung Lee의 Project Wii, Illumetry IO, iPhone의 Parallax View 등 다수의 연구 및 프로젝트가 존재했지만, 대부분의 사례는 외부 착용 장비를 요구하거나 시점 변화 만을 제공할 뿐 우리가 구상한 '창문' 메타포의 핵심 요소인 원근감(depth perception)시야각 변환(FOV transformation)을 동시에 구현하는 경우는 찾기 어려웠습니다. 이 중 Eduardo Rodrigues의 연구에서 창문과 유사한 지각 경험을 구현한 접근법을 확인하였으며, 이를 참조해 우리 시스템의 기술 설계 원리와 구현 방향을 수립했습니다.

SYSTEM ARCHITECTURE

SYSTEM ARCHITECTURE

시스템 개요


본 시스템은 사용자의 머리 위치를 실시간으로 추적하고 이를 Unity 환경에서 가상 카메라의 동적 변환으로 연결하여 2D 디스플레이가 3D 공간으로 통하는 '창문'처럼 작동하도록 구현했습니다. 핵심 구현 과정은 크게 세 단계로 이루어집니다. 첫째, Body Tracking SDK를 활용해 사용자의 정확한 눈 위치를 3차원 벡터로 추출하고 둘째, 입력 노이즈로 인한 화면 떨림을 Digital Input Filter를 통해 제거하여 사용자 경험을 안정화 합니다. 셋째, 이 위치 정보를 화면 공간 좌표계로 변환하여 가상 카메라의 절두체를 동적으로 조정함으로써 운동 시차와 시야각 변환을 구현합니다.

시스템 개요


본 시스템은 사용자의 머리 위치를 실시간으로 추적하고 이를 Unity 환경에서 가상 카메라의 동적 변환으로 연결하여 2D 디스플레이가 3D 공간으로 통하는 '창문'처럼 작동하도록 구현했습니다. 핵심 구현 과정은 크게 세 단계로 이루어집니다. 첫째, Body Tracking SDK를 활용해 사용자의 정확한 눈 위치를 3차원 벡터로 추출하고 둘째, 입력 노이즈로 인한 화면 떨림을 Digital Input Filter를 통해 제거하여 사용자 경험을 안정화 합니다. 셋째, 이 위치 정보를 화면 공간 좌표계로 변환하여 가상 카메라의 절두체를 동적으로 조정함으로써 운동 시차와 시야각 변환을 구현합니다.


실시간 사용자 위치 추적


사용자의 머리 위치를 실시간으로 추적하기 위해 Azure Kinect의 Body Tracking SDK를 활용했습니다. Body Tracking SDK는 3D 공간에서 사람의 신체를 추적하는 기능을 제공하며 관절 위치, 방향, ID 등의 정보를 실시간으로 제공합니다. 본 시스템에서는 findClosestTrackerBody() 함수를 구현하여 가장 가까운 단일 사용자 만을 인식하도록 처리했으며 양쪽 눈의 위치 값 평균을 계산해 정확한 눈높이를 반영하는 InputPositionEye() 함수를 통해 머리 위치를 3차원 벡터 형태로 반환하도록 설계했습니다.

좌표계 변환 및 카메라 절두체 조정


이렇게 획득한 머리 위치 정보를 알고리즘 수식을 통해 모니터 중심을 원점(0,0,0)으로 하는 좌표계로 보정했습니다. 이후 사용자의 눈 위치를 모니터의 실제 크기에 상대적인 화면 공간 좌표계로 매핑하고, 가상 카메라를 사용자의 눈 위치로 이동시키는 변환 벡터를 계산하여 카메라의 시야 프러스트럼을 동적 조정했습니다. 이 과정은 MonoBehaviourLateUpdate() 메서드를 통해 매 프레임마다 실행되며 두 개의 카메라 객체를 사용해 조정된 영상을 렌더링함으로써 운동 시차와 시야각 변환을 동시에 구현할 수 있었습니다. 그 결과, 단일 카메라 디바이스만으로 실제 창문을 통해 공간을 들여다보는 듯한 3차원 공간감을 제공할 수 있었습니다.

입력 필터링 및 노이즈 최적화


다만 Kinect로부터 받아오는 실시간 위치 값은 미세한 움직임까지 모두 반영되어 입력 노이즈(noise)가 발생하고, 이는 화면 떨림으로 이어져 사용자 경험을 저해하는 문제가 있었습니다. 이를 해결하기 위해 Digital Input Filter를 시스템에 통합했으며 사용 환경에 따라 필터 방식을 선택할 수 있도록 Average Filter와 Exponential Filter 두 가지를 구현하고 enum FilterType으로 프로그램 내에서 쉽게 설정 가능하도록 설계했습니다. Average Filter는 여러 측정값의 평균을 계산하여 순간적인 노이즈에 강하지만 급격한 움직임에 대한 반응 속도가 느리고, Exponential Filter는 최근 데이터에 더 높은 가중치를 부여해 변화에 빠르게 반응하지만 노이즈에 상대적으로 취약하다는 트레이드오프가 존재합니다. 필터 적용 결과, 노이즈가 현저히 감소하여 안정적이고 매끄러운 사용자 경험을 제공할 수 있었습니다.

실시간 사용자 위치 추적


사용자의 머리 위치를 실시간으로 추적하기 위해 Azure Kinect의 Body Tracking SDK를 활용했습니다. Body Tracking SDK는 3D 공간에서 사람의 신체를 추적하는 기능을 제공하며 관절 위치, 방향, ID 등의 정보를 실시간으로 제공합니다. 본 시스템에서는 findClosestTrackerBody() 함수를 구현하여 가장 가까운 단일 사용자 만을 인식하도록 처리했으며 양쪽 눈의 위치 값 평균을 계산해 정확한 눈높이를 반영하는 InputPositionEye() 함수를 통해 머리 위치를 3차원 벡터 형태로 반환하도록 설계했습니다.

좌표계 변환 및 카메라 절두체 조정


이렇게 획득한 머리 위치 정보를 알고리즘 수식을 통해 모니터 중심을 원점(0,0,0)으로 하는 좌표계로 보정했습니다. 이후 사용자의 눈 위치를 모니터의 실제 크기에 상대적인 화면 공간 좌표계로 매핑하고, 가상 카메라를 사용자의 눈 위치로 이동시키는 변환 벡터를 계산하여 카메라의 시야 프러스트럼을 동적 조정했습니다. 이 과정은 MonoBehaviourLateUpdate() 메서드를 통해 매 프레임마다 실행되며 두 개의 카메라 객체를 사용해 조정된 영상을 렌더링함으로써 운동 시차와 시야각 변환을 동시에 구현할 수 있었습니다. 그 결과, 단일 카메라 디바이스만으로 실제 창문을 통해 공간을 들여다보는 듯한 3차원 공간감을 제공할 수 있었습니다.

입력 필터링 및 노이즈 최적화


다만 Kinect로부터 받아오는 실시간 위치 값은 미세한 움직임까지 모두 반영되어 입력 노이즈(noise)가 발생하고, 이는 화면 떨림으로 이어져 사용자 경험을 저해하는 문제가 있었습니다. 이를 해결하기 위해 Digital Input Filter를 시스템에 통합했으며 사용 환경에 따라 필터 방식을 선택할 수 있도록 Average Filter와 Exponential Filter 두 가지를 구현하고 enum FilterType으로 프로그램 내에서 쉽게 설정 가능하도록 설계했습니다. Average Filter는 여러 측정값의 평균을 계산하여 순간적인 노이즈에 강하지만 급격한 움직임에 대한 반응 속도가 느리고, Exponential Filter는 최근 데이터에 더 높은 가중치를 부여해 변화에 빠르게 반응하지만 노이즈에 상대적으로 취약하다는 트레이드오프가 존재합니다. 필터 적용 결과, 노이즈가 현저히 감소하여 안정적이고 매끄러운 사용자 경험을 제공할 수 있었습니다.

콘텐츠 컨셉


인터랙션 프로토타입에 그치지 않고 창문 메타포라는 본 디자인의 핵심 가치인 공간감 형성 효과와 자연스러운 신체 기반 상호작용을 최대한 활용할 수 있는 콘텐츠를 개발하고자 했습니다. 콘텐츠 아이디어에 대한 브레인스토밍을 진행한 결과, 기차 창문을 통해 이동하며 다양한 관광 명소를 바라보는 가상 여행 콘텐츠를 개발하기로 결정했습니다. 기차 여행이라는 경험은 실제로 창문을 통해 끊임없이 변화하는 풍경을 감상하는 익숙한 시나리오이며 사용자가 몸을 움직여 창문 너머 공간을 탐색하는 본 시스템의 인터랙션 메커니즘과 자연스럽게 일치하기 때문입니다.

CONTENTS DESIGN

CONTENTS DESIGN

3D 환경 구축 및 고품질 렌더링 구현


콘텐츠의 시각적 품질을 극대화하기 위해 한국의 대표적인 관광 명소를 Blender를 활용하여 직접 3D 모델링으로 제작했습니다. 제작된 에셋은 Unity의 HDRP(High Definition Render Pipeline)를 통해 렌더링되며 포스트 프로세싱과 고품질 이펙트를 적용하여 시각적 완성도를 높였습니다. 이를 통해 사용자는 아름다운 한국의 관광 명소를 실사에 가까운 몰입감 있는 시각 효과로 경험할 수 있습니다. 구현된 주요 장면으로는 낮 시간대의 경주 한옥마을과 경주의 대표적인 야경 명소인 월정교의 야경 씬을 제작했습니다. 낮과 밤이라는 서로 다른 시간대 시나리오를 구현함으로써 조명과 분위기의 대비를 통해 각 장소의 고유한 매력을 효과적으로 전달할 수 있습니다.

레벨 디자인 및 연출


콘텐츠의 몰입감과 사실성을 높이기 위해 Unity의 Spline 시스템을 활용하여 기차가 이동하는 경로를 정교하게 설계하고 실제 기차 여행의 물리적 특성을 반영한 미세한 흔들림(vibration) 효과를 구현하여 사용자가 마치 실제 기차에 탑승한 듯한 감각을 느낄 수 있도록 했습니다. 또한 생성형 AI를 활용하여 각 관광 명소에 대한 안내 방송을 제작하고 이를 적절한 타이밍에 재생함으로써 실제 기차 여행에서 듣는 관광 아나운서의 경험을 재현했습니다. 이러한 동적 카메라 움직임, 물리적 흔들림, 맥락적 음성 안내 요소들은 단순히 창문 메타포의 시각적 인터랙션만이 아니라 콘텐츠 시나리오와 디자인을 통합하여 더욱 실감나는 인터랙티브 콘텐츠 경험을 제공합니다.

결과


개발한 시스템과 콘텐츠의 실효성을 검증하기 위해 강남 AT센터에서 개최된 관광 일자리 페스타의 실감 관광콘텐츠 전시 세션에 참가하여 2일간 실제 관람객을 대상으로 시연을 진행했습니다. 전시 준비 과정에서 관광 업계 종사자로부터 지속적인 피드백을 받아 콘텐츠와 전시 구성을 고도화했으며 Cinema 4D를 활용해 제작한 애니메이션 목업을 통해 관람객의 시선을 효과적으로 유도했습니다. 다양한 연령대와 배경을 가진 일반 대중이 직접 시스템을 체험하며 창문 메타포 기반의 자연스러운 인터랙션과 고품질 시각 콘텐츠에 대한 긍정적인 반응과 구체적인 피드백을 얻을 수 있었습니다. 전시 결과, 본 프로젝트는 실감형 관광 콘텐츠로서의 혁신성과 완성도를 인정받아 최우수상인 한국관광공사장상을 수상했습니다. 이는 기술적 구현의 우수성뿐만 아니라, 사용자 중심 인터랙션 디자인과 콘텐츠 기획이 실제 관광 산업 맥락에서 가치 있는 솔루션으로 평가받았음을 의미합니다.



프로젝트 인사이트



인터랙션 디자인에서 이론적 기반의 중요성: 프로젝트 초기 단계에서 Bill Verplank의 IxD 프로세스를 통해 '창문' 메타포를 도출하고 이를 Motion Parallax라는 구체적인 인지 과학 원리와 연결한 것이 프로젝트 전체의 방향성을 명확히 했습니다. 단순히 몸을 움직여 화면을 조작한다는 아이디어에 그치지 않고 왜 이것이 자연스러운 경험인지, 어떤 지각 원리에 기반하는지를 설명할 수 있었기 때문에 선행 연구 분석과 기술 구현 방향 설정이 체계적으로 이루어질 수 있었습니다. 특히 관광공사 심사 과정에서 "왜 이 인터랙션 방식을 선택했는가"라는 질문에 대해 생태학적 지각 이론과 창문 메타포라는 명확한 근거를 제시할 수 있었고 이는 단순한 기술 데모가 아닌 사용자 경험에 대한 이해를 보여주는 차별점이었습니다.


기술 프로토타입에서 완성된 프로덕트로의 전환: 교내 수업에서 개발한 바디트래킹 기반 Motion Parallax 기술은 인터랙션 프로토타입으로서는 성공적으로 설계하고 구현했지만, 이를 실제 관광 산업 맥락의 경진대회 출품작으로 발전시키는 과정에서 사용자 중심 설계와 프로덕트 완성도의 중요성을 체감했습니다. 경주 한옥마을과 월정교라는 구체적인 관광 명소를 선정하고, Blender 기반 3D 모델링과 HDRP 렌더링으로 실사 수준의 시각적 완성도를 구현했으며 생성형 AI 음성 안내와 기차 흔들림 효과 등 디테일을 추가하여 완성도 높은 경험으로 성공적으로 발전시켰습니다. 또한 관광 종사자 피드백을 반영하며 개선하는 과정을 통해 기술적 원리를 실질적인 콘텐츠 가치로 전환하는 경험을 쌓을 수 있었습니다.

기술 최적화의 중요성: 실시간 바디 트래킹 시스템 구현 과정에서 입력 노이즈로 인한 화면 떨림 문제를 해결하기 위해 Average Filter, Exponential Filter, Kalman Filter, One Euro Filter 등 다양한 Digital Input Filter를 직접 구현하고 비교했습니다. 각 필터는 노이즈 제거 성능과 반응 속도 사이의 명확한 트레이드오프를 가지고 있었으며 사용 환경에 따라 최적의 선택이 달라진다는 것을 확인했습니다. 실시간 인터랙션에서 미세한 지연이나 떨림은 사용자 경험을 크게 저해하기 때문에 이러한 최적화 작업이 기술적 완성도뿐 아니라 프로덕트의 실용성을 결정하는 핵심 요소임을 체감했습니다. 이는 바디 트래킹뿐만 아니라 네트워크 통신, AI 추론, 렌더링 등 모든 실시간 시스템 개발에 적용되는 보편적 원칙일 것입니다.

콘텐츠 컨셉


인터랙션 프로토타입에 그치지 않고 창문 메타포라는 본 디자인의 핵심 가치인 공간감 형성 효과와 자연스러운 신체 기반 상호작용을 최대한 활용할 수 있는 콘텐츠를 개발하고자 했습니다. 콘텐츠 아이디어에 대한 브레인스토밍을 진행한 결과, 기차 창문을 통해 이동하며 다양한 관광 명소를 바라보는 가상 여행 콘텐츠를 개발하기로 결정했습니다. 기차 여행이라는 경험은 실제로 창문을 통해 끊임없이 변화하는 풍경을 감상하는 익숙한 시나리오이며 사용자가 몸을 움직여 창문 너머 공간을 탐색하는 본 시스템의 인터랙션 메커니즘과 자연스럽게 일치하기 때문입니다.

3D 환경 구축 및 고품질 렌더링 구현


콘텐츠의 시각적 품질을 극대화하기 위해 한국의 대표적인 관광 명소를 Blender를 활용하여 직접 3D 모델링으로 제작했습니다. 제작된 에셋은 Unity의 HDRP(High Definition Render Pipeline)를 통해 렌더링되며 포스트 프로세싱과 고품질 이펙트를 적용하여 시각적 완성도를 높였습니다. 이를 통해 사용자는 아름다운 한국의 관광 명소를 실사에 가까운 몰입감 있는 시각 효과로 경험할 수 있습니다. 구현된 주요 장면으로는 낮 시간대의 경주 한옥마을과 경주의 대표적인 야경 명소인 월정교의 야경 씬을 제작했습니다. 낮과 밤이라는 서로 다른 시간대 시나리오를 구현함으로써 조명과 분위기의 대비를 통해 각 장소의 고유한 매력을 효과적으로 전달할 수 있습니다.

레벨 디자인 및 연출


콘텐츠의 몰입감과 사실성을 높이기 위해 Unity의 Spline 시스템을 활용하여 기차가 이동하는 경로를 정교하게 설계하고 실제 기차 여행의 물리적 특성을 반영한 미세한 흔들림(vibration) 효과를 구현하여 사용자가 마치 실제 기차에 탑승한 듯한 감각을 느낄 수 있도록 했습니다. 또한 생성형 AI를 활용하여 각 관광 명소에 대한 안내 방송을 제작하고 이를 적절한 타이밍에 재생함으로써 실제 기차 여행에서 듣는 관광 아나운서의 경험을 재현했습니다. 이러한 동적 카메라 움직임, 물리적 흔들림, 맥락적 음성 안내 요소들은 단순히 창문 메타포의 시각적 인터랙션만이 아니라 콘텐츠 시나리오와 디자인을 통합하여 더욱 실감나는 인터랙티브 콘텐츠 경험을 제공합니다.

OUTCOME

OUTCOME

결과


개발한 시스템과 콘텐츠의 실효성을 검증하기 위해 강남 AT센터에서 개최된 관광 일자리 페스타의 실감 관광콘텐츠 전시 세션에 참가하여 2일간 실제 관람객을 대상으로 시연을 진행했습니다. 전시 준비 과정에서 관광 업계 종사자로부터 지속적인 피드백을 받아 콘텐츠와 전시 구성을 고도화했으며 Cinema 4D를 활용해 제작한 애니메이션 목업을 통해 관람객의 시선을 효과적으로 유도했습니다. 다양한 연령대와 배경을 가진 일반 대중이 직접 시스템을 체험하며 창문 메타포 기반의 자연스러운 인터랙션과 고품질 시각 콘텐츠에 대한 긍정적인 반응과 구체적인 피드백을 얻을 수 있었습니다. 전시 결과, 본 프로젝트는 실감형 관광 콘텐츠로서의 혁신성과 완성도를 인정받아 최우수상인 한국관광공사장상을 수상했습니다. 이는 기술적 구현의 우수성뿐만 아니라, 사용자 중심 인터랙션 디자인과 콘텐츠 기획이 실제 관광 산업 맥락에서 가치 있는 솔루션으로 평가받았음을 의미합니다.



프로젝트 인사이트



인터랙션 디자인에서 이론적 기반의 중요성: 프로젝트 초기 단계에서 Bill Verplank의 IxD 프로세스를 통해 '창문' 메타포를 도출하고 이를 Motion Parallax라는 구체적인 인지 과학 원리와 연결한 것이 프로젝트 전체의 방향성을 명확히 했습니다. 단순히 몸을 움직여 화면을 조작한다는 아이디어에 그치지 않고 왜 이것이 자연스러운 경험인지, 어떤 지각 원리에 기반하는지를 설명할 수 있었기 때문에 선행 연구 분석과 기술 구현 방향 설정이 체계적으로 이루어질 수 있었습니다. 특히 관광공사 심사 과정에서 "왜 이 인터랙션 방식을 선택했는가"라는 질문에 대해 생태학적 지각 이론과 창문 메타포라는 명확한 근거를 제시할 수 있었고 이는 단순한 기술 데모가 아닌 사용자 경험에 대한 이해를 보여주는 차별점이었습니다.


기술 프로토타입에서 완성된 프로덕트로의 전환: 교내 수업에서 개발한 바디트래킹 기반 Motion Parallax 기술은 인터랙션 프로토타입으로서는 성공적으로 설계하고 구현했지만, 이를 실제 관광 산업 맥락의 경진대회 출품작으로 발전시키는 과정에서 사용자 중심 설계와 프로덕트 완성도의 중요성을 체감했습니다. 경주 한옥마을과 월정교라는 구체적인 관광 명소를 선정하고, Blender 기반 3D 모델링과 HDRP 렌더링으로 실사 수준의 시각적 완성도를 구현했으며 생성형 AI 음성 안내와 기차 흔들림 효과 등 디테일을 추가하여 완성도 높은 경험으로 성공적으로 발전시켰습니다. 또한 관광 종사자 피드백을 반영하며 개선하는 과정을 통해 기술적 원리를 실질적인 콘텐츠 가치로 전환하는 경험을 쌓을 수 있었습니다.

기술 최적화의 중요성: 실시간 바디 트래킹 시스템 구현 과정에서 입력 노이즈로 인한 화면 떨림 문제를 해결하기 위해 Average Filter, Exponential Filter, Kalman Filter, One Euro Filter 등 다양한 Digital Input Filter를 직접 구현하고 비교했습니다. 각 필터는 노이즈 제거 성능과 반응 속도 사이의 명확한 트레이드오프를 가지고 있었으며 사용 환경에 따라 최적의 선택이 달라진다는 것을 확인했습니다. 실시간 인터랙션에서 미세한 지연이나 떨림은 사용자 경험을 크게 저해하기 때문에 이러한 최적화 작업이 기술적 완성도뿐 아니라 프로덕트의 실용성을 결정하는 핵심 요소임을 체감했습니다. 이는 바디 트래킹뿐만 아니라 네트워크 통신, AI 추론, 렌더링 등 모든 실시간 시스템 개발에 적용되는 보편적 원칙일 것입니다.

Create a free website with Framer, the website builder loved by startups, designers and agencies.