Interesting!
Intelligence!
Information!

석동정수장 미디어월 콘텐츠 제작 및 체험관 조성

적외선 센서, 멀티 프로젝터, 웹캠을 통한 3면 인터랙티브 콘텐츠

[20.12.30 ~ 21.04.30]
Media Wall
...
...
2대의 웹캠을 통한 체험자 얼굴 캡쳐 및 증강 합성 후 콘텐츠 전송

웹캠을 통한 체험자의 얼굴 캡쳐는 HTML5의 getUserMedia API나 웹캠 라이브러리를 활용하며, Three.js 또는 Babylon.js와 같은 3D 그래픽 라이브러리를 사용하여 얼굴에 증강 현실(AR) 효과를 부여하였습니다. 또한, WebSocket을 이용하여 실시간으로 얼굴 캡쳐와 합성된 콘텐츠를 서버에서 클라이언트로 전송하여 실시간 통신이 이루어지도록 하였습니다.

벽면 적외선 센서를 통한 체험자 터치 영역 제어

벽면에 적외선 센서를 설치하고 적외선 센서의 입렵을 감지하면, 해당 입력을 웹 애플리케이션으로 전송하여 터치 인터랙션을 제어합니다.

...
멀티 프로젝터 및 에지 블렌딩을 통한 3면 Wall 제어

여러 대의 프로젝터를 사용하여 벽면에 여러 영상을 투영하였고 프로젝터 간의 경계를 부드럽게 만들기 위해 에지 블렌딩 기술을 사용했습니다.
벽면의 각 영역에 따라 다른 콘텐츠를 투영하고, 사용자의 위치에 따라 적절한 콘텐츠를 보여주는 인터랙티브 경험을 제공하였습니다.