[Project Review] #3 V Visualizer for Blpan

안녕하세요. 이동규(@livedk) 입니다.

 

 

 

 지난 10월 30일 한국마이크로소프트(포스코빌딩 5층)에서는 블판이라는 이름의 전시회가 열렸었습니다. 이는 2010년 7월부터 시작한 Microsoft Expression Blend를 사용하는 디자이너와 개발자의 분들의 모임(블판)에서 시작한 첫번째 전시회 입니다. 위에 보이시는 블판 로고는 ‘블렌드 판을 펼치다’ 라는 의미로 블렌드의 B와 블판의 불판이란 어감의 느낌을 결합하여 B가 불타는 모양으로 디자인 되었습니다.

 

 이 전시회에서 저(이동규), 김대열, 권영철 세명이서 한팀을 이루어 작품을 내기로 하였습니다. 팀명을 Vinyl Dream Team 으로 정하게 되었는데 이는 위 세명이 같은회사(VINYL)에 다니고 같은 팀에서 일하고 있어서 정하게 되었습니다. 아래 보이시는 엽서가 우리팀에서 제작한 로고및 이미지 입니다.

 

 

 저희는 V Visualizer 라는 이름으로 작품을 제출 하였고 아이디어는 얼마전 회사내에서 창립 10주년 파티에서부터 시작 하였습니다. 타부서에서 오픈프레임워크라는 기술을 이용해 터치 미디어 테이블을 작업하는 것을 보고 영감을 받았습니다. 정해진 수의 파티클이 터치된 영역을 따라 움직이는 시스템이였는데
저희의 주기술인  WPF에서도 할 수 있다는 자신감으로 출발하여 터치가 아니라 웹캠을 이용하여 움직이는 동작에 접목하면 어떨까하는 새로운 아이디어가 떠올랐습니다. 나아가 사운드에 맞추어 약간의 동작을 추가한다면 멋진 비쥬얼라이제이션이 나올거라 생각했습니다.

 

역시 이러한 작업들은 글로써의 설명보다는 동영상을 보시면 확실히 이해하실 수 있을 것입니다.

 

(볼륨을 높여주세요)

 

앞으로도 이런 전시회를 계속 해나갈 예정입니다. 다음에는 좀더 발전된 모습으로 참가하도록 노력하겠습니다.

 

[Project Review] #2 Lotte Cinema - TBA

안녕하세요. 이동규(@LiveDK) 입니다.

 

#Review

 

 입사후 두번째로 맡은 프로젝트를  소개해드리겠습니다. Lotte Cinema 프로젝트로서 TBA 라는 이름의 대형 상영시간표입니다. 아래 그림을 보시면 어떤 느낌인지 감이 올실 것 입니다.

TBA는 DID를 총24대(3X8)를 연결하여 만든 대형 전광판이라고 말할 수 있습니다. 이처럼 큰 화면에 기존 극장에서 찾아 볼 수 없는 새로운 UI로 사용자에게 좀더 편리하면서 직관적이고 새로운 경험을 주었습니다. 기존 극장에는 단순히 영화 목록 그리고 시간만 나와 있는 반면 TBA는 기존의 정보뿐아니라 직관적으로 눈으로 느낄 수 있는 공간적(시간이 흘러가는 모습)을 추가하여 새로운 경험을 제공 하였습니다.

 롯데시네마 건대입구점을 방문해보시면 위와같은 디자인의 실제 설치된 모습을 보실 수 있습니다.

 

 

#My Works

 

 이번 프로젝트는 VS2008, .NET Framework 3.5 sp1 의 개발환경에서 WPF를 이용하여 구현된 프로그램입니다. 대부분의 비쥬얼적 요소 및 모션은 익스프레션블랜드를 통해 구현되였으며 내부 데이터(영화목록, 상영시간, 박스오피스 등등)은 C#언어의 코드를 통해 구현되었습니다. 디자인요소외 실제 개발작업은 블랜더1, 개발자1 총 2명이 작업하였습니다.

 

 

 

 

[Project Review] #1 KT Olleh Square + Technology

안녕하세요. 이동규(@livedk) 입니다.

 

 바이널(VINYL)이란 곳으로 출근하게 되면서 처음 맡게된 프로젝트는 바로 광화문앞에 KT 건물 1,2층 리모델링 이였습니다. (위치는 아래 지도1 을 참고 하세요.) 이 곳에서는 다양한 IT 기기들이 설치가되었고 일련의 모든것들(IT장비, 컨텐츠)이 VINYL에서 담당하게 되었습니다. 대략 20개정도의 아이템들이 있었고 제가 만든 프로그램은 이중 4가지 이였습니다. 아래 영상1 을 보면서 현장을 느껴보시기 바랍니다.

 

2010.11.4 | 지도 크게 보기 ©  NHN Corp.

지도1. KT Olleh Square

 

영상1. Olleh Square, 바이널 제작 영상

 

#Review

 

 영상1 에서 보다시피 Olleh Square 의 1,2층 전체를 구성하는 미디어 아이템들이 있으며 이중 제가 맡은 프로젝트는 아래 목록1 과 같습니다.

 

1. 에코라운지 - 멀티프로젝션 월

2. 에코라운지 - 리어스크린

3. 쇼라운지

4. 쿡라운지

 

1. 에코라운지 - 멀티프로젝션 월

 에코라운지는 건물안에 숲을 옮겨다 놓은것과 같은 장소이며 이곳에 들어가면 허브향으로 가득 차 있습니다. 이곳에 들어간 멀티프로젝션월은 사진에서 보다시피 거대한 빔프로젝트3대를 한 화면에 투사하는 것으로 엣지블랜딩(아래설명), 동영상동기화(아래설명) 기술이 들어간 프로젝트입니다. 주위에는 테이블과 다양한 화분들이 있어 편하게 쉴 수 있는 공간이 마련되어 있습니다.

 

2. 에코라운지 - 리어스크린

 에코라운지안에 리어스크린은 멀티프로젝션 월과 연동되어 작동하는 스크린입니다. 리어스크린의 특징은 기존 빔프로젝트처럼 스크린 앞에서 비추는것이 아니라 거의 불투명한 스크린 뒤쪽에서 빛을 비춤으로서 사용자에게 표시해주는 장치입니다. 빛이 선명함이 생각보다 괜찮고(쨍하다) 일반적인 모습보다 사용자에게 조금더 특별한 경험을 주는 스크린 입니다.

 

3. 쇼라운지

 쇼라운지역시 멀티프로젝션월에 사용된 엣지블랜딩, 동영상동기화 기술이 들어간 장소이며 세계유명장소의 사진, 자연풍경 영상이 나오는 곳입니다. 이곳 역시 사용자들이 편하게 쉴수 있는 의자와 터치테이블등이 있어 재미있게 시간을 보낼 수 있습니다.

 

4. 쿡라운지

 쿡라운지는 쇼라운지와 동일한형태의 시스템이며 환경은 집과같이 편안한 인테리어로 구성되어 있습니다. 이곳의 의자들은 쇼파로 되어 있어 연인들끼리 놀러왔을경우 상당히 인기가 있는 장소입니다.

 

 위에 간단학 설명한 IT기기들 외에 굉장히 다양한 아이템들이 있으니 광화문 Olleh Square 방문하시면 즐기실 수 있을 것입니다.

 

#Technology

 

 4가지 프로그램의 공통점은 빔프로젝터를 이용하여 컨텐츠(동영상, 이미지)들을 재생하는 것이였습니다. 특히 이중에서 핵심이 되는 기술은 엣지 블랜딩(Edge Blending), 동영상 동기화 였습니다.

 

1. 엣지 블랜딩(Edge Blending) - 엣지 블랜딩이란 여러 빔프로젝트를 이용하여 하나의 대형 영상을 만들때 발생하는 문제를 해결하는 방법중 하나 입니다. 사이트를 방문하시면 쉽게 이해할 수 있으며 문제를 해결해 볼 수 도 있습니다. 바이널(VINYL)에서 한 작업들은 비슷하지만 조금더 복잡한 방법을 사용하여 엣지 문제를 해결하였습니다. (자세한 내용은 소개해드리기 어려운점 양해 바랍니다.)

 

2. 동영상 동기화 - 엣지 블랜딩을 하게 되면 여러 빔프로젝터를 사용하게 되고 그렇게 되면 여러 컴퓨터를 사용하게 됩니다. 하지만 이렇게 되면 동시에 같은 영상 혹은 이미지를 정확한 시간에 한 화면에 보여주기란 쉬운 일이 아니였습니다. 기존방식으론 이미지 시퀀스라는 기술이 있지만 이는 컴퓨터에 상당한 부하를 주고 음악을 기준으로 영상을 맞추는 복잡한 알고리즘이 들어가게됩니다. 또한 이미지를 만들기위해 동영상을 프레임마다 캡쳐해내는 공수가 들어갑니다. 이 해결 방법을 이전에 블로깅 하였으므로 이곳(dklee.net/82)에서 읽어보세요.