|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Peppertones - 해안도로 VJing 영상 업로드 | 2008/09/28 11:51
|
|
|
|
|
|
|
Trackback Address :: http://blog.bizarre07.com/trackback/104
|
정재형 콘서트 - 동영상 아카이브 | 2008/09/22 15:50
|
|
|
|
|
|
|
Trackback Address :: http://blog.bizarre07.com/trackback/102
|
Blogcon 후기 | 2008/09/17 20:40
|
뻘쭘하게 테스트중
8월 4일 - 8월 24일까지 디자인은 ""다 에서 Blogcon - Blogger connection이라는 주제로 마포 디자인 클러스터에서 전시를 했습니다.
전시 기간동안 미국에 가 있었던 관계로 많이 케어를 못했는데, 역시나 도메인 expired되고 서버 다 죽고ㅋㅋ 프로그램 죽고 난리도 아니었네요, 문제점을 좀 분석해보면서 업그레이드를 해봐야 겠습니다.
전시장 모습
하얀색 블로그인 관계로 스크린샷이 전부 날아갔음;
Blogcon - Blog Connection in Korea from So, Won-young on Vimeo.
Blogcon은 올해 3월에 했던 블로거 컨퍼런스에 참여한 사람들의 데이터를 기준으로 작업한 것입니다. 이 때 참여한 블로거들은 어찌보면 액티브한 우리나라 블로거들이라고 볼 수 있는데, 3000명 정도였으니 그들간의 관계를 탐색하는 작업을 해보면 재밌겠다고 생각했습니다. 사실, 우리나라의 블로거들은 대기업 포털블로그 서비스에 종속적인 경향이 있으므로 더욱 더 엮어내기가 쉬울 것 같다는 생각도 했습니다.
어떤 데이터를 가지고 블로거들을 엮을 수 있을까요?
첫째로, 블로그 안에서 태그의 의미를 잘 알고 쓰는 유저라면(블로거 컨퍼런스를 들으러 올 정도의 유저라면?) 태그는 유의미한 데이터가 될 수 있을 것입니다. 다른 두 블로그가 같은 태그를 사용했을 시, Similar Interest로 분류하고 두 블로그는 연결되었다고 가정합니다.
또한 추가적인 변수로서, 블로그의 디자인은 우리나라의 경우 포털 블로그의 영향으로 같은 디자인이 존재할 수 있긴 하지만, 그래도 액티브한 유저의 경우에는 디자인을 다르게 했다고 생각하고, 이것이 그 개인의 성향을 나타냈다고 가정했습니다.
두 가지의 변수를 토대로 태그는 Interest, 디자인은 Feeling 변수로 생각하여 커넥션을 보여줍니다. 트랜지션 방법은 연결된 4개의 블로그 중 하나를 무작위로 선택하여 옮겨 다니는 방식이었습니다.
Similar Interest, Similar Feeling
인터랙티브 모드
키보드와 Xbox360 Controller
Blogcon - Blog Connection, Interactive Mode from So, Won-young on Vimeo.
자신의 블로그를 DB에 추가시켜서 앞에서 설명했던 Interest와 Feeling을 볼 수 있게 했습니다. 덕분에 XNA에서 텍스트박스를 직접 만들게 되는 불상사(?) 가 생기기도 했습니다(블로그 주소를 입력하게)
블로그 주소를 입력하면 - > 원격 WebBrower가 그 블로그의 화면을 캡쳐받고 -> 다운샘플링 후 -> 색깔을 넘겨받아 원격 웹서버에 정보를 등록합니다.
다운샘플링의 원리 -> 모자이크 하듯이 대표 색을 뽑아냄
넘겨진 정보는 태그와 색깔이 일치하는 블로그들을 넘겨주고, 그것을 토대로 시각화하게 됩니다.
또 하나의 재미로 넣은 것은 XBox Controller를 이용해서 3D 공간에 퍼져있는 블로그들에 접근할 수 있게 한것인데요. 블로그 공간에 접근하면 이전과 마찬가지로 관심사와 느낌을 뽑아주고, 라인을 따라가다보면 연결연결된 블로그들을 추가적으로 볼 수 있게 됩니다.
하지만,
멀티스레딩 초보의 완벽할 실수로 스레드 관리가 잘 안되서, 다운되는 경우가 많았고 이리저리 인터랙션 설계도 미흡한 부분이 많았습니다. 너무 급하게 업그레이드 하느라 이래저래 소홀한 부분이 있었구요.. 다음에 한번 더 업그레이드해서, 목표는 NHN에 갖다 파는 겁니다.
|
TAG : blog,
blog connection,
blogcon,
blogger,
data visualization,
DirectX,
xna
|
|
|
|
|
Trackback Address :: http://blog.bizarre07.com/trackback/99
|
베토벤 이야기 후기 | 2008/06/16 00:28
|
Beethoven's Story Interactive Scene from So, Won-young on Vimeo.
어린이 연극으로 유명한 극단 사다리에서 베토벤 이야기라는 연극을 했습니다.
오늘 마지막 공연을 해서 후기를 올립니다.
줄거리는 대략..
베토벤의 어릴 적 이야기를 각색한 것으로, 베토벤이 귀가 완전히 먹어서도 주옥같은 교향곡을 만들어 낸 것에 대해서 "어렸을때 특별한 경험이 베토벤을 그렇게 만들었을 것이다" 라고 생각합니다. 베토벤이 6살 때, 자신의 옆집에 이사온 엘렌이라는 소녀는 귀가 먹은 소녀였고, 엘렌에게 피아노를 가르쳐 주면서 생기는 에피소드를 다룬 것입니다.
제가 맡은 부분은, 엘렌의 꿈으로 베토벤이 들어갔을 때의 인터랙티브 영상입니다. 엘렌은 꿈에서는 자신도 들을 수 있고, 노래할 수도 있습니다. 그 부분에서 베토벤(루디)이 이리저리 왔다갔다하며 꿈을 오가는 장면입니다.
제작과정 :
요즘 저는 Microsoft의 XNA Framework로 작업하고 있습니다. DirectX를 기반으로 한 3D 가속을 받을 수 있어서 잘 쓰고 있습니다. ㅎㅎ
DirectSound를 통해서 Cubase에서 나오는 사운드를 캡쳐하고, FFT 분석을 통해 반응합니다. 엘렌이 가지고 놀 법한 모델들은, 소리에 의해 Morphing되었다가 음악 기호로 바뀌어 나타납니다.
제작 스케치
Collaboration with ahnsua
|
TAG : xna,
베토벤이야기,
연극,
인터랙티브
|
|
|
|
|
Trackback Address :: http://blog.bizarre07.com/trackback/93
|
|
|
|
|
|
|
