2013 학년도 1 학기 KGIT X-Program 실적보고서

iv

v

vi

참고문헌 참고사이트 별첨 vii

viii

ix

x

xi

1.1 연구의필요성 1

1.2 연구의목표와범위 2

프로젝션맵핑프로젝션맵핑관련작품사례조사 * 작품을중심으로조사후분류및분석 프로젝션맵핑에대한연구및이해 * 영상자료및논문분석을통한프로젝트맵핑기법과가상성에대한이해 VVVV VVVV 프로그램에대한연구및이해 * 팀원양연희와공동연구 -VVVV에대한전반적인연구 : 양연희 -VVVV와 Kinect 연동을중심으로 : 문정혜 * App 한계분석 ( 포럼및커뮤니티를바탕으로 ) * App 기능파악 ( 변수, 흐름제어, H/W.S/W연동, output. input, 영상제어 ) 상호작용 작품의주제에따른상호작용과경험에대해연구 * 본연구의작품주제가물리적상호작용과는연관이없으므로관람자의경험에대해서만연구 상호작용을위한 HW/SW 연구 * VVVV와 Kinect연동에대해 세미나진행과가이드제작 프로젝션맵핑과 VVVV 관련세미나 * 프로젝트팀원양연희와공동진행 -프로젝션맵핑 : 문정혜 -VVVV : 양연희 세미나및작품관련가이드제작 3

작품제작과전시 맵핑작업제작, 설치및전시 VVVV 와 Kinect 연결시연 4

2.1 프로젝션맵핑 5

- 프로젝션맵핑작업사례예시 - 콘서트 Human Face Video Mapping by Oskar & Gaspar 제작 : Excentric / backstage from the video " Explore your dual world" 6

인터랙티브 with VVVV 인터랙티브 with VVVV Mobile interactive multiparametric image MIMPI 제작 : stain / 제작년도 : may 2012 / 전시장소 : MEL gallery, Moscow 7

2.2 VVVV 개요및특징 8

3.1 프로젝션맵핑을사용한작품사례 아웃도어 1 2 제목링크장소특이점 Mikser Design Expo 2010 Spaskya Bashnya 3 덕수궁프로젝트 http://www.youtube.co m/watch?v=ckalgmalbl 8&feature=youtu.be http://www.youtube.co m/watch?v=uc2rlqbtd 0c&feature=youtu.be http://www.youtube.co m/watch?v=twxf1hjg9 sa&feature=youtu.be 유고슬라비아 / 베오그라드 인도 한국 / 서울 4 http://vimeo.com/15749 체코 / 9

5 6 the 600 years 093 프라하 Castle Tsurugajo Projection mapping "Haruka" MSU Mapping http://www.youtube.co m/watch?v=ue0maozt 1Ts&feature=youtu.be http://vimeo.com/82218 62 일본 \ 아이즈와카마츠 크로아티아 / 자그래브 7 8 9 10 11 Apparati Effimeri Dunhill Parhelic 3d architectural mapping Fallingwater Light and Sound Show URBANSCREEN_ Light Sydney Opera House Site Specific Video Mapping Installation-To the Stars on the Wings of an Eel_ at the Gowanus Ballroom Santa s elves take over one of airbaltic planes 12 Golden Tiger 13 spider projection http://www.youtube.co m/watch?v=kkhiuc1qu ea&feature=youtu.be http://vimeo.com/31879 000 http://www.youtube.co m/watch?v=o5zvcv7yu Kk http://vimeo.com/45517 326 http://www.youtube.co m/watch?v=f-uinluqjp E http://vimeo.com/36338 299 http://vimeo.com/37176 398 14 Tiffany & Co. http://www.youtube.co m/watch?v=sal8upcpe uw Skate - http://vimeo.com/17138 15 projection 044 mapping 중국 / 홍콩프린스빌딩 미국 / 페이에트카운티 호주 / 시드니 프랑스 / 파리 독일 징 / 베이 폭포와건출물에프로젝션맵핑 공항의비행기에프로젝션맵핑 달리는차에서프로젝션을쏘고벽이나건물등도시의다양한형태위에호랑이가달리는것을연출피규어촬영을한영상을다시실제건물에투영하는방식으로현실성과가상성의경계가모호해짐 스케이트공연과 프로젝션맵핑의 결합 10

인도어 제목링크특이점 1 A Golden Clock http://vimeo.com/35320241 2 Sinaia Casino http://vimeo.com/58059563 3 O (Omicron) http://vimeo.com/41486619 4 5 6 Demo 2012 - Mapping 3d _ Motion & Vjing Making Of Explore Your Dual World - Human Face Video Mapping Oskar & Gaspar 360 3D Mapping Projection with Rabarama http://www.youtube.com/watch? v=m0g5z25pueg http://www.youtube.com/watch? v=9nk9fkfee0w http://www.youtube.com/watch? v=ozftksmpxxa 인체맵핑 인체맵핑 7 Illuminated Apparel 8 Nosaj-Thing Eclipse Blue 9 10 IDOMENEO - operatic staging 多媒体京剧表演 - 大闹天宫 http://vimeo.com/20874821 http://www.youtube.com/watch? v=_wonbiiyoki http://vimeo.com/26424213 http://vimeo.com/43467406 오페라공연 : 설치물에 3d 프로젝션맵핑을하여공간의확장을시도 이야기와움직임, 배경을구성하는요소로적극활용 11

11 Nike Hyper Elite Platinum http://tomorrowawards.com/sho wcase/816/ 12 Zentrale - Projection Mapping By Johannes LDC Guerreiro http://videomapping.tumblr.com/ post/4178228959/01-zentrale-p rojection-mappingby-johannes-l dc 13 SEAT IBIZA http://vimeo.com/17766541 14 15 16 Mr.Beam - Living Room Projection PORCELANA INNOVADOR A Mecaniques Discursives at Scopitone Festival 2012 17 김치앤칩슨 _ Lit Tree 18 Psycho - Homage to Hitchcock http://vimeo.com/18460233 http://vimeo.com/51044525 http://vimeo.com/49067021 http://vimeo.com/24049819 http://vimeo.com/52109559 조형물 + 패턴형태의결합 피지컬한조형과프로젝션맵핑의결합 관객과의상호작용을통한프로젝션맵핑 미리촬영한그림자영상을종이로만들어진무대에쏘아현실과가상의경계가모호해짐으로독특한분위기형성 3.2 사례분석 : 수집한프로젝션맵핑작품분류및분석 12

이벤트에서의프로젝션맵핑 * 프로젝션맵핑대상 * 프로젝션맵핑활용 13

이벤트에서의프로젝션맵핑 * 프로젝션맵핑대상 * 프로젝션맵핑활용 14

4.1 VVVV 와관련해서사용되는 H/W & S/W Software Protocols Hardware Ableton Live Midi Arduino flosc OSC Devices-DMX4ALL GRIPD MAX/MSP OSCGlue PalmToVVVV PythonToVVVV Quartz Composer for VVVV users RSH SMS-Chat HID-Nodes DMX (DMX.Artnet/DMX.Hardware) Devices-FaulhaberMCDC 2805 Devices-KramerVS-88V Devices-Moxa NPort 5610 Devices-PololuServoboar d Devices-SonyFCBIX45A P Gameport Lamps Motors SMS2Python2OSC Relays 15

SMS4VVVV MySQL, OpenNI, SDK Sensors :Gameport, RS232 interfaces, Cinetix Sensorbox, I-CubeX, Arduino, Digital Multimeters, MegAsic Silicon board, TCP/IP interfaces, Midi controller boards and keyboards, Keyboards and Mice, USB Interfaces, BMC USB-PIO, IOWarrior modules, Phidgets Kinect WhiteCat Lighting Board Lemur 16

4.2 VVVV와 Kinect의연동 17

18

19

20

21

22

23

6.1 작품기획 24

25

6.2 작품구성 26

. 프로젝션맵핑용그림자 ( 실루엣 ) 영상 ( 그림 6-2. 작품 그녀들 프로젝션맵핑용그림자 ( 실루엣 ) 영상 ) 27

. 프로젝션맵핑용세트와그림자 ( 실루엣 ) 영상구성 ( 그림 6-3. 작품 그녀들 프로젝션맵핑용셋트와그림자 ( 실루엣 ) 구성 ) 28

. 설치및전시 ( 그림 6-4. 작품 그녀들 설치및전시구성도 ) 29

6.3 자료조사 ( 그림 6-5. Psycho-Homage to Hitchcock(Theatrical Installation) 가운데 ) 30

( 그림 6-6. The Hunter (Theatrical Installation) 가운데 ) ( 그림 6-7. Davy and Kristin McGuire 의실험작업가운데 ) 31

가. 의미와정의 유지현. 2006. < 실루엣에의한내면의식의표현연구 >, 석사논문 ) 32

나. ( 실루엣 ) 예술의역사 다. 그림자 ( 실루엣 ) 예술관련자료조사 그림 6-8. UNESCO 의터키문화소개영상가운데전통인형극 Karagöz) 33

( 그림 6-9. Jack and the Beanstalk, Lotte Reiniger (1955) 가운데 ) ( 그림 6-10. Apparition - Klaus Obermaier _ Ars Electronica Futurelab) 34

( 그림 6-11. Alicia keys - New York) ( 그림 6-12. Invention of Love (2010) - Animated Short Film) 35

. 작품 그녀들 과그림자 ( 실루엣 ) 마. 그림자 ( 실루엣 ) 비교및선택 - 왼쪽부터순서대로 1,2,3,4 ( 그림 6-13. 작품 그녀들 프로젝션맵핑을위한그림자 ( 실루엣 ) 영상 ) 36

6.4 제작과정. 기획서초안작성및보완 ( 그림 6-14. 기획회의 ) 37

. 프로젝션맵핑용영상제작 ( 그림 6-15. ( 좌 ) 크로마키촬영준비, ( 우 ) 크로마키촬영 ) ( 그림 6-16. 배경삭제및흑백전환작업 ) 38

. 세트작업 ( 그림 6-17. 세트작업 ) 39

. VVVV 프로그래밍 ( 그림 6-18. VVVV 패치 ) ( 그림 6-19. 세트에프로젝션맵핑실험 ) * ( 위의그림을분석한 ) 작품제작을위한 VVVV 주요패치 & 노드 : 영상제어및맵핑용 노드분석 _ 프로젝트팀원양연희의연구와정리 40

- 2d vector (join) 노드 vector 값을하나로합쳐서아웃풋에보내는노드이다. homography 의 screen space point 와연결되어있으며, 인풋은 점으로표현할수있다. 41

- 쿼드는파일이텍스쳐되기위한화판과같은것으로써, 사각형의도형이다. 인풋에는도형의모양과색깔속성크기위치등을변경할수있는설정이포함되어있다. - Filestream 노드 (ex9,vlc) 영상파일을불러오는노드. 참고로, VLC 프로그램을설치한다음기 본영상재생플레이어로변경해야 mov, mp4 와같은확장자의영 상도재생가능하다. 설치를안했을경우 avi 확장자만재생가능. - Group 노드 (ex9) 아웃풋의개수가여러개일때랜더러창에동시에불러들이는기능 42

을한다. 레이어 - 인풋의개수는인스펙터창에서늘릴수있다. - Renderer(ex9) 노드들의모든아웃풋을실시간으로보여준다. 말하자면작업의최종본이다. Alt+1= 축소화면 Alt+2패치에삽입된화면 Alt+3 새창에서띄어진다.Alt+Enter를치면풀스크린화면으로보여준다. 화면의색깔도조정가능하다. 프로젝션맵핑을위한최종노드. 위에서설명한필수노드들을조정하기쉽게 Screen space point로만든 I.O 박스와각종숫치를나타내는 I.O 박스를활용하여완성했다. 모든움직임은가운데있는토글버튼으로조절할수있다. Play와 loop버튼을하나로만들었다. 맵핑관련노드는추후 ex-media 홈페이지에업로드될예정이다. Homography vector togle Quad File stream Group Renderer ( 그림. 도식화하여나타낸프로젝션맵핑을위한노드 ) 43

. 설치및전시 전시장소 : 상암동 KGIT 7 층안쪽건물 전시기간 : 2013 년 6 월 21-22 일양일간 ( 그림 6-20. 프로젝션맵핑작품 그녀들 ) 44

( 그림 6-21. VVVV 와 Kinect 연동시연 ) 45

46

7.1 활용분야및방안연구 47

- 참고문헌 - ( 참조 1) 유지현. (2006). 실루엣에의한내면의식의표현연구. 홍익대학교대학원석사학위논문, p3, 8-12. -참고사이트- *VVVV 공식사이트 48

그림6-5. Psycho-Homage to Hitchcock(Theatrical Installation) 그림 6-6. The Hunter (Theatrical Installation) 가운데그림 6-7. Davy and Kristin McGuire의실험작업가운데 그림 6-8. UNESCO의터키문화소개영상가운데전통인형극 Karagöz http://www.youtube.com/watch?v=b97prbyc1-w 그림 6-9. Jack and the Beanstalk, Lotte Reiniger (1955) 가운데 http://www.youtube.com/watch?v=17wfx3nuywo 그림 6-10. Apparition - Klaus Obermaier _ Ars Electronica Futurelab www.youtube.com/watch?v=-wvq41bi2ye 그림 6-11. Alicia keys - New York www.youtube.com/watch?v=up5fm4xlr8m 그림 6-12. Invention of Love (2010) - Animated Short Film http://www.youtube.com/watch?v=ptdzcagh3lu - 별첨 - 세미나배부자료 (VVVV 가이드북 / 프로젝션맵핑관련자료 ) 전시가이드 49

- 별첨 1 - 세미나배부자료 :VVVV 개념및특징설명가이드 50

51

52

53

54

55

56

57

58

59

- 별첨 2 - 세미나배부자료 : 프로젝션맵핑사례예시가이드 60

61

62

63

64

65

- 별첨 3 - 전시장배부자료 : 전시장작품가이드 66

67

68

69

70

- 별첨 4 - 전시장배부자료 : VVVV + Kinect 가이드 71

72

73