02 / PROCESS
구성과 제작 과정
01
참여 위치와 화면 전환
대기 화면에 빛나는 사람 모양의 가이드와 인사 말풍선을 배치하였습니다. 관람객이 가이드 안에 들어오면 환영 화면으로 전환하고, 설정된 시간이 지나면 오늘의 한마디를 제공하도록 구성하였습니다.
02
거울 공간과 정보의 배치
하프미러에서 자신의 모습이 비치는 중앙 공간을 고려하여 정보를 양옆에 배치하였습니다. 시각과 날씨, 날씨에 따른 추천과 디스플레이 상식·소식·영상 패널로 정보 화면을 구성하였습니다.
03
현장 조정과 화면 모드
관리자 화면에서 카메라와 얼굴 감지 기준, 안내 위치와 화면 배치를 조정할 수 있도록 하였습니다. 단축키를 통해 이전 V14의 표정 인식 화면으로 전환할 수 있도록 구성하였습니다.
03 / MAKING
기획과 구현
기획 의도
참여 위치를 안내하고, 얼굴 감지 후 환영과 정보 화면으로 이어지도록 구성하였습니다. 현장에서 감지 기준과 화면 위치를 바꿀 수 있도록 관리자 설정을 두었습니다.
구현 방식
브라우저의 카메라 입력과 face-api.js를 연결하고 대기·환영·정보 상태를 나누었습니다. 설정값은 localStorage에 저장하며 날씨·소식은 별도 모듈로 관리합니다. 데스크톱 실행용 프로젝트는 Electron의 Windows portable 패키지로 구성되어 있습니다.
04 / GALLERY
