뮤지엄X앙상블 - 실시간 멀티유저 인터랙티브 전시
개요
뮤지엄X앙상블 행사를 위한 실시간 멀티유저 인터랙티브 전시 플랫폼. 여러 관람객이 모바일 웹에서 나비를 디자인하고, WebSocket을 통해 Unreal Engine 렌더러 서버와 실시간 통신하여 대형 스테이지에 투영된 나비를 조이스틱으로 동시 조종하는 인터랙티브 미디어 아트 시스템입니다.
작업 범위
- 웹 프론트엔드 개발 (JavaScript, HTML, CSS)
- Canvas API 기반 나비 드로잉 시스템 개발
- WebSocket 실시간 통신 구현 (브라우저 ↔ Unreal Engine 렌더러 서버)
- 조이스틱 UI 및 실시간 조종 시스템 개발
- 멀티유저 동시 접속 및 상태 동기화
- 지원 환경: 반응형 웹 (모바일, 태블릿, 데스크톱)
핵심 기능
WebSocket 기반 실시간 멀티유저 통신
브라우저와 Unreal Engine 렌더러 서버 간 WebSocket 양방향 실시간 통신. 여러 사용자가 동시에 접속하여 각자의 나비를 생성하고 조종 입력을 실시간 전송. 저지연 네트워크 아키텍처로 즉각적인 반응성 확보.
터치 기반 조이스틱 UI & 실시간 조종
모바일 터치에 최적화된 가상 조이스틱 UI. 사용자가 조이스틱으로 스테이지의 나비를 실시간 조종. 터치 입력을 WebSocket으로 즉시 서버에 전송하여 대형 프로젝션에 투영된 나비 움직임 제어.
Canvas 기반 나비 드로잉 시스템
Canvas API로 나비 디자인 툴 구현. 사용자가 그린 나비 이미지가 Unreal Engine 서버로 전송되어 3D 나비 텍스처로 적용. 브러시, 색상 팔레트, 터치/마우스 입력 지원.
성과
- 2023년 5월 강원도 뮤지엄X앙상블 행사 성공적 운영
- 다수 관람객 동시 참여 안정적 네트워크 시스템 구현
- WebSocket 저지연 통신으로 조이스틱 입력 즉각 반영
- 앱 설치 없이 즉시 참여 가능한 웹 기반 플랫폼