DARVA: 펠트 인형에서 살아있는 이벤트 도우미로 — 라즈베리 파이 기반 가상 비서 구축기

DARVA(Digitized Analog Robot Virtual Assistant)는 행사 참가자와 자연스럽게 대화하며 반복적인 설명을 줄여주는 매력적인 애니메이션 로봇이다.

개요

• 소개 및 시연 영상
• 아날로그 로봇 제작
• 디자인 디지털화
• 가상 비서 개발
• 라즈베리 파이 4 배포
• DARVA 최종 시연

소개 및 시연 영상

DARVA는 Digitized Analog Robot Virtual Assistant의 약자다. 다음 영상은 DARVA가 게스트와 상호작용하며 행사 직원의 반복 업무를 줄여주는 모습을 보여준다.

아날로그 로봇 제작

여정은 수작업 아날로그 모델에서 시작됐다. 프로토타입 스케치 후 펠트 원단으로 각 부품을 잘라냈으며, 추후 애니메이션을 위해 모든 파츠를 개별적으로 분리 가능하게 만들었다. 가장자리를 바느질해 촉감 있고 수제 느낌을 살렸고, 이중 레이어 펠트로 내구성을 높이면서 무게는 가볍게 유지했다.

팁: 자르기 전에 완성된 세트를 사진 찍어두면 디지털 슬라이싱 시 일관된 배경으로 활용할 수 있다.

디자인 디지털화

아날로그 모델이 완성되면 대비되는 배경에 부품들을 펼쳐놓고 단일 고해상도 이미지로 촬영해 스케일을 보존한다. 포토샵 등 편집 툴로 각 컴포넌트를 분리해 투명 배경 PNG로 저장한다. 포토샵의 빠른 선택 도구가 특히 효과적이었으며, 약간의 수동 보정만으로 충분했다.

디지털 에셋 준비가 끝나면 로봇을 애니메이션화할 수 있다.

가상 비서 개발

DARVA를 어떤 플랫폼에서도 구동하기 위해 HTML 캔버스 요소와 바닐라 자바스크립트를 활용한 경량 웹 페이지를 제작했다. 부드러운 크로스 브라우저 애니메이션을 위해 Create.js와 Tween.js를 도입했으며, 모든 라이브러리를 로컬에 번들링해 인터넷이 불안정한 행사장에서도 완전 오프라인 동작을 보장한다.

스크립트는 다음을 처리한다:

• PNG 에셋 로딩
• 캔버스 위 스케일링, 회전, 위치 지정
• 움직임과 표정 애니메이션
• 5초마다 변경되는 동적 말풍선
• 머리와 배 부위의 인터랙티브 트리거

무작위 눈동자 움직임과 게이지 회전으로 사실감을 더했고, 계산된 애니메이션으로 완성도를 높였다.

라즈베리 파이 4 배포

휴대용 저전력 구동을 위해 라즈베리 파이 4에 세로 모드 터치스크린을 연결해 웹 페이지를 배포했다. 파이의 디스플레이 회전은 가로 모드로 설정됐으나 터치 패널이 역방향을 유지해, 파이는 가로 모드로 두고 캔버스 애니메이션만 회전시키는 방식을 택했다. 이 접근으로 레이아웃 조정과 애니메이션 타임라인 보존이 간소화됐다.

크로미움(Chromium) 초기 테스트에서 간헐적 렌더링 문제가 있었으나 후속 수정으로 해결됐다. 파이어폭스(Firefox)에서도 부드럽게 구동되며, 프레임률은 약간 낮지만 오프라인 모드는 양쪽 브라우저에서 완벽히 작동한다.

DARVA 실전 투입

모든 컴포넌트 통합이 완료된 DARVA는 게스트 맞이, 자주 묻는 질문 응답, 행사 운영 효율화 역할을 수행한다. 이 프로젝트는 단순한 펠트 모델이 어떻게 정교한 독립형 디지털 비서로 진화할 수 있는지 보여준다.

출처: DARVA – The Event Assistant