Web2.0과 인터넷지도

초간단 자작 커피 로스팅기 제작방법

푸른하늘이 — Sat, 18 May 2013 16:09:09 +0900

요즘 우리 마눌님께서 커피에 빠져 있습니다. 한 2년 전쯤 에스프레소 머신을 사들이더니, 그게 번거럽다고 한 1년 전쯤에는 캡슐커피 머신을 샀구요, 요즘엔 원두를 직접 볶고, 급기야는 더치머신까지 들였습니다.

그 덕분에 저도 아주 신났습니다. 원래 20년 전부터 블랙커피와 에스프레소만 마셨는데, 요즘 들어 이 커피 저커피를 마시다보니 쌉쌀한 뒷맛으로 전해오는 상큼한 신맛과 고소한 향취가 풍기는 커피를 많이 마시게 되었으니까요. 아직 원두 종류에 따른 차이나 원두를 굽는 정도에 따른 차이를 잘 느끼지는 못해도 말입니다.

일단 현재 우리집에 있는 커피 관련 기기들 사진입니다. 좌측 뒤는 캡슐커피머신, 오른쪽으로 에스프레소 머신, 그 앞쪽 두개는 커피 그라인더, 그 오른쪽 3단짜리 유리 플라스크는 더치머신이고요, 그 앞쪽 맨 왼쪽은 모카커피 포트, 오른쪽으로 핸드드립용 주전자, 오른쪽은 멸치다시통!!! (이게 오늘의 주제인 자작커피 로스팅기의 핵심부품입니다.) 그리고 맨 앞쪽은 볶아둔 커피콩들입니다. 꽤 다양한 편이죠? ㅎㅎㅎ

예전부터 집에서 로스팅한다는 이야기는 몇 번 듣기는 했는데, 먼나라 이야기인줄 알고 있었습니다. 그러다가, 얼마전 여주에 있는 테라산타(성스러운 땅이란 뜻입니다)에 놀러갔다가 자작 로스팅기를 보니 그다지 어렵지 않다는 걸 알고 직접 한번 만들어 보기로 했습니다. 이제까지 우리 마눌님은 그냥 후라이팬을 사용해서 팬로스팅을 하고 있었거든요.

후라이팬으로 로스팅을 하면 무엇보다 고르게 구워지지 않는 단점이 있습니다. 특히 원두가 한쪽은 평평하고 반대쪽은 동그랗기 때문에 평평한 쪽이 더 많이 닿게 되고, 고르게 뒤섞이지 않아 어떤 녀석은 까맣게 타는데, 반대로 제대로 구워지지 않는 콩도 나오게 됩니다. 물론 팬로스팅을 하더라도 원두를 사다먹는 것보다는 훨씬 맛이있지만요.

하여튼... 각설하고... 그래서 자작 커피 로스팅기를 만들기로 했습니다. 다만 자작이라는 원칙에 맞춰 되도록이면 크게 돈들이지 않고, 최대한 간단하게 만드는 걸 목표로 했습니다. 일반적으로 "통돌이 로스터"라고 부릅니다.

자작로스팅기 만드는 방법은 네이버 커피마루 카페에 들어가면 많이 볼 수 있습니다. 2004년 설립되었으니 오래된 역사만큼 다양한 자작 커피 로스팅기가 있는데요, 예를 들면, 아래 사진과 같은 걸 자작한 분도 계시더군요. 이게 "자작"이라고 할 수 있는 건가요? ㅠㅠ

그럼 제가 만든 "작품"을 보여드리겠습니다. 휴대용 버너(블루스타) 위에 설치해서 사용하는 겁니다. 오랜만에 자작해봤는데, 생각했던 만큼 깔끔하게 만들어져서 너무나 기분좋습니다. ㅎ

먼저 제일 중요한 부품... 구멍이 뚫려있는 원통이 필요합니다. 이건 x마켓 등에서 "멸치다시통"으로 검색해보면 많이 찾을 수 있습니다. 아래 그림과 같이 크기에 따라 호수가 있는데, 저는 5호 통을 사용했습니다. 5호통의 부피로는 1kg 정도 들어갈 것 같은데, 한 400그램까지는 문제없이 볶을 수 있을 것 같더군요.

다음으로 볼트 너트. 이것도 물론 홈쇼핑으로 구할 수도 있지만, 그냥 동네 철물점에서 샀습니다. 어차피 크게 힘을 받는 게 아니니 두께는 별 관계 없고, 통의 크기와 널판지의 크기를 고려해서 10cm 짜리 볼트 2개 그리고 너트 10개쯤, 와셔 10개쯤을 샀습니다. 너트와 와셔는 나중에 핸드휠을 고정하는데 필요하니 여유가 있는 편이 좋습니다.

다음으로 핸드휠. 물론 핸드휠이 반드시 필요한 건 아니고, 대충 비슷하게 만들어 쓸 수도 있겠지만, 이왕이면 좀 편하게 쓸 수 있도록 핸드휠을 달기로 했습니다. 사실 "핸드휠"이라는 단어를 몰라 검색하는데 애로가 많았는데, 결국 아래 제품을 하나 찾을 수 있었습니다. 오픈마켓에는 이런 걸 파는 곳이 없고, 다른 사이트들은 단품 판매는 하지 않는 모양이더군요. 어쨌든... 천신만고 끝에 이 걸 발견했을 때의 기분이란!! ㅎㅎㅎ

구입은 여기에서 하시면 됩니다. 저는 d=12, D=125 짜리를 샀습니다. 비용은 택배비까지 약 1만원 정도.

아래는 이렇게 구입한 멸치다시통과 핸드휠을 볼트와 너트로 고정한 모습입니다. 멸치다시통의 가운데를 드릴로 구멍을 뚫은 후, 볼트너트로 고정을 했고요, 마찬가지로 핸드휠도 너트로 고정시켰습니다. 핸드휠 가운데 구멍의 내경이 12mm 라서 볼트의 지름 6mm 보다 훨씬 큰 바람에 워셔를 이용해 강제로 고정시켰지만, 그다지 큰 힘이 들어가지 않기 때문에 별 문제는 없을 것 같습니다.

====

다음으로 이 통을 고정하기 위한 널판지. 이것도 x마켓에서 "DIY 목재"로 검색하면 여러 업체를 찾을 수 있습니다. 원하는 치수를 적어주면 그 사이즈로 잘라서 배달이 됩니다. 저는 제가 가지고 있는 휴대용 가스버너에 맞춰서 26cm x 26 cm 짜리 3 장, 그리고 26cm x 20cm 짜리 1장 그리고 ㄱ 자 꺽쇠 4개 와 나사 조금을 주문했습니다. 나무 재질과 두께도 마음대로 고르시면 되는데, 저는 그냥 8mm 짜리 합판을 썼습니다.

그 다음엔 반사판. 나무판을 그대로 사용하면 아무래도 불안하여 반사판을 붙이기로 했습니다. 반사판은 휴대용 가스버너의 바람막이를 사용했습니다. 쿠킹호일로 대충 마감한 것도 봤지만, 아무래도 내구성도 떨어지고 지저분해보여서요. 저는 오프라인 매장에서 2개에 13,000원에 구입했지만, 이것도 x마켓에서 "버너 바람막이"로 검색하면 많이 나옵니다. 크기는 그다지 걱정하지 않아도 됩니다. 바람막이가 알루미늄 재질이라서 그냥 가위로도 잘라지니까요.

아래가 최종 결과입니다. 보시면 알겠지만, 대충 대충 고정시켰습니다. 통돌이를 올려둘 부분은 톱으로 삼각형 모양으로 잘라낸 뒤, 바람막이 알루미늄을 가위질 해서 적당한 모양으로 만든 겁니다. 원래 좀더 잘 만들려면 베어링을 넣어야 하겠지만, 매일 쓸 것도 아니니 그냥 간편하게 가기로 했습니다.

아래가 이렇게 만들어진 자작 통톨이 커피 로스팅기를 사용해서 시험가동해보는 모습입니다. 아래에 있는 가스버너와 다시통사이의 거리가 한 15cm 정도로 너무 멀지 않나 걱정을 했는데, 약 8-9분 정도에 일차 파핑이 일어나고 그로부터 5분 정도후 이차 파핑... 생각보다 더 잘 되더군요.

아래는 최종적으로 구워진 원두입니다. 콜롬비아산 Supremo Huila 인데, 어쩌다보니 원하는대로 강배전으로 구워졌습니다. 맛은? 물론 환상적입니다. 뭐라고 표현할 방법이 없네요~~ ㅎㅎㅎㅎ

=====

이상입니다. 대충 비용을 계산해 보면.... 멸치다시통 15,000원, 핸들 10,000원, 볼트너트 3,000원, 나무판및 부품 15,000원 바람막이 13,000원.... 합이 약 46,000 원 정도 들었군요. 물론 수공 제외, 드릴 등 공구는 제외. 사실 자작에 있어 가장 어려운 점은 원하는 공구나 부속을 어디에서 구할 수 있는지 모른다는 점, 그리고 알더라도 너무 시간이 많이 들거나 힘들다는 점입니다. 그래서 제 글에서는 가능한한 인터넷쇼핑몰에서 구입 가능하도록 링크를 남겼습니다. 하지만, 인터넷으로 산다는 건 아무래도 물건을 보지 않고 사진이나 글만으로 사는 것이라 안심이 안되기 마련입니다. 외국처럼 하드웨어 샵이 있다면 이런 자작은 훨씬 쉬울텐데... 싶습니다.

아무튼 요즘에는 싼게 비지떡이라고 생각해서 되도록이면 자작은 하지 않으려고 했는데, 로스팅기를 사려면 아무리 싼 것도 15만원-20만원 정도이고, 비싼 건 100만원 수준인데 비해 기능은 거기서 거기인 것 같아 시도를 해봤습니다. 나중에 좀 커피를 좀 더 마시게되면 기성품을 구할지는 모르겠지만.... 이번엔 참 잘했다 싶습니다. 혹시라도 커피에 관심이 있으시다면 도움이 되시길.

민, 푸른하늘

전주-송광사-하동으로... 지오캐싱과 VR 파노라마 여행~~

푸른하늘이 — Wed, 27 Mar 2013 16:17:46 +0900

지난 주말, 지오캐싱도 할 겸, 파노라마도 촬영할 겸, 꽃구경도 할 겸... 겸사겸사 남쪽 동네에 다녀왔습니다.

첫날은 전주에서 지오캐싱하고, 아는 분들과 술한잔 했습니다. 사실 전주에는 지오캐싱으로 친해진 분들도 많고, 파노라마로 친해진 분들도 많아서 내려갈 때마다 약간 부담스러웠는데, 이번엔 함께 만났습니다. 오래전에 써둔 글처럼, 지오캐싱과 파노라마는 상당히 어울리는 취미라서, 함께 술한잔 하다보니 서로들 잘 통하더군요~ ㅎㅎ

아래는 전주 수목원입니다. 도로공사에서 운영하는 곳인데 무료네요. 아직까지 추워서 군데군데 싹만 나와서 그렇지 날이 좀 더 풀리면 정말 예쁘겠다 싶었습니다. 물론 이곳에도 지오캐시가 있습니다. 왼쪽에 서 계시는 분이 주인장이십니다. ㅎㅎ

Jeonju Arboretum, Hydrophyte in 대한민국

다음은 진북사입니다. 전주성의 동서남북 사방에 절을 짓고 전주를 수호했다는 사고사(四固寺)중의 하나로, 촬영지는 가장위에 있는 산신각입니다. 아기가 없는 부부가 소원을 빌면 아기가 생긴다는 영험이 있기로 유명한 곳이라네요.

JinBukSa (North Defense Temple) in 대한민국

다음날 아침엔 6시에 출발했습니다. 마침 때가 매화철이라서 그동네가 엄청 밀릴 수 있기 때문에 작정하고 일찍 출발한 겁니다.

먼저 송광사로 향했습니다. 이곳에는 우리나라에서 3번째로 오래된 캐시인 Path to Enlightenment (Songkwangsa Temple) : GCHBGB 가 있는 곳입니다. 사실 이 캐시가 이번 여행의 중요한 목적중의 하나였습니다. 우리나라에서 가장 오래된 캐시 10개를 모두 찾는 것을 장기 목표로 설정하고 있거든요.

아래가 송광사입니다. 이 곳이 사진찍는 포인트라고 하더군요.

Songkwangsa Temple in 대한민국

캐시가 숨겨진 곳은 송광사를 지나서 좀 더 올라간 거의 아무도 안다니는 듯한 곳이었습니다. 거의 10년 전에 설치된 캐시가 지금까지도 유지되려면 좀 접근성이 떨어질 수 밖에 없죠. 같이 동행한 분이 이 캐시를 찾았는데, 캐시통이 깨진 상태였습니다. 아래 사진에서 오른쪽 아래에 동그란 통 보이시죠? 아마도 맷돼지던... 야생동물이 깨뜨린 것 같았습니다. 그래서 제가 가지고 간 락앤락통으로 교체를 했습니다.

현재 이 캐시의 주인장은 오래전부터 접속하지 않는 것으로 보아 지오캐싱을 그만 둔 것으로 보이는데, 이럴 경우에는 지오캐싱하는 사람들이 공동으로 관리하게 됩니다.

다음엔 하동으로 강굴을 먹으러 갔습니다. 사실 이번 여행은 홍의님이 Facebook에 강굴 사진을 올리면서 시작되었더랬습니다. 언제든지 내려가면 안내를 해 주신다고 해서 그날로 날을 잡았죠. ㅎㅎ

아래 보이는 게 강굴입니다. 강에서 자란다고 강굴이라고 하고, 벚꽃 필때쯤이 제일 맛있다고 벚굴이라고도 한답니다. 다른 계절에는 거의 안먹는다고 하더군요. 맛은 그냥 일반 굴과 비슷했습니다. 그래도 손바닥보다 훨씬 큰 굴을 구워먹었다는 추억은 평생가져갈 수 있겠죠~~

아래는 그 인근에서 촬영한 사진입니다. 섬진강을 내려다보는 풍경이 멋지네요. 마침 이곳 땅주인께서 밭을 갈고 있었는데, 참 부럽더군요.

Seomjin River from Hadong in 대한민국

그다음으로는 하동 평사리로 갔습니다. 토지의 주 무대가 된 곳이죠. 사실 이동네는 그 전에는 거의 아무 것도 없는 촌동네였는데, 드라마 토지를 촬영한 이후로 주요 관광지가 된 곳이라고 합니다. 원래 99간 짜리 한옥은 좀 더 들어가야 있다고 하고요.

아래는 평사리 벌판 한가운데 있는 부부송(夫婦松)의 모습입니다. 물론 바로 옆에 지오캐시가 숨겨져 있죠. 원래 지오캐시는 이렇게 멋진 곳을 안내하는 목적이 되는 게 우선입니다.

정말 근래들어 본 가장 멋진 소나무다 싶었습니다. 게다가 그 주변엔 매화꽃이 심어져 있어서, 시간이 흐를수록 멋진 곳으로 변해갈 것 같았습니다. 그런데.... 아쉽게도 이곳이 사유지인 모양이더군요. 들어오는 입구에 주인 이외에 출입금지라고 되어 있던데... ㅠㅠ

Couple Pine Tree in 대한민국

아래는 평사리 윗쪽 도로에 있는 전망대입니다. 섬진강도 보이고, 부부송도 보이고, 최참판댁도 보이고... 정말 절경이었습니다.

800 4818 Panorama in 대한민국

마지막으로 들른 곳은 곡전재입니다. 홈페이지를 보면 현재 숙박시설로 이용되고 있는 듯 한데, 구례군 향토문화유산으로 지정되어 있는, 멋드러진 한옥입니다. 특히 정원이 참 예쁘게 만들어져 있네요.

Gokjeonjae Pension in 대한민국

아래도 곡전재... 연못쪽입니다.

Gokjeonjae Pension 2 in 대한민국

이렇게 해서 오랜만에 다녀온 나들이 여행기를 마칩니다. 안내해주신 하얀곰님과 홍의님께 깊은 감사를 드립니다. 함께 다녀오신 고선생님께도 감사드리고요.

민, 푸른하늘

공간정보산업과 측량의 미래

푸른하늘이 — Thu, 14 Mar 2013 13:49:13 +0900

제 요즘 생각을 담고 있는 글입니다. 예전에 써둔 글인데, 그냥 묵혀두기 아까와서 공개합니다.

공간정보산업의 미래

현재는 IT 혁명이 지배하고 있는 시대이다. 하루하루 새로운 기술과 서비스가 등장하고 있다. 불과 몇 년 전 개방과 참여, 공유를 기반으로 한 웹2.0이라는 개념이 온 세상을 떠들썩하게 만들었지만, 이제는 모바일, SNS(소셜네트워크서비스)등의 기술이 또다시 세상을 흔들고 있다.

IT 기술이 점점 발달함에 따라 공간정보 관련기술도 발달하고 있다. 종이지도를 스캐닝한 수준의 조잡한 인터넷지도가 나온지 엊그제 같은데, 이제는 온 국민에게 다음이나 네이버 등의 포털에서 항공사진이나 전방위거리 사진 등으로 무장한 지도서비스가 일상생활에서 없어서는 안 될 서비스로 자리 잡은지 오래다.

아이폰으로 촉발된 스마트폰 전쟁이 점점 심화되고 있다. 이러한 경향은 앞으로 점점 가속화 될 것이다. 사람은 일차적으로 자기주변 환경에 어떤 것이 있는지 관심을 가지게 마련이다. 스마트폰에서 다운로드 받은 앱 중에서 지도관련 앱이 1위를 차지하는 것은 지극히 당연한 일이다.

스마트폰에 들어있는 GPS나 자이로센서 등을 이용해 지도와 주변 환경을 겹쳐볼 수 있는 증강현실 관련 앱도 인기를 끌고 있다. 스마트폰으로 자신의 위치를 언제든지 확인할 수 있게 되면서 여러 가지 위치기반 서비스(LBS: Location Based Service)가 활성화되고 있다.

또한 이를 활용하여 할인티켓을 제공하는 인근 레스토랑을 알려주는 등의 위치기반 마케팅도 활발히 연구되고 있다. 아직까지 프라이버시 문제 등의 해결과제가 있지만, 위치기반 서비스는 매년 10% 이상 성장하고 있다. 이와 같이 언제 어디서든 공간정보를 확인할 수 있게 됨에 따라, 공간정보와 현실을 직접 비교할 수 있게 되었다.

이는 현재 1/5,000 정도의 수준에 머물러 있는 공간정보보다 훨씬 더 자세한 정보가 필요함을 의미한다. 또한, 공간정보에 자신의 위치를 매칭시키기 위해서는 현재의 GPS 보다 훨씬 정확한 측위수단이 필요하게 될 것이다.

측량산업의 미래

이처럼 공간정보산업의 미래는 밝지만, 측량 산업의 미래는 그다지 밝다고 할 수 없다. 우리나라의 경우 DEM 이나 3차원 도시모델 등 몇 몇 분야를 제외하고 공공에서 필요로 하는 지도는 거의 구축이 완료되었거나, 몇 년 안에 거의 완료될 것으로 예상된다.

또한 우리나라 경제상황이 선진국 형으로 변화함에 따라 토목이나 건축 수요도 감소하고 있다. 이에 따라 데이터 신규구축 시장은 줄어들 수 밖에 없으며, 기존 구축된 정보의 갱신 및 유지관리가 주요 업무가 될 것이라고 예상된다. 이는 미국 유럽 일본 등의 선진국에서도 나타나는 경향이다.

공간정보산업이 활성화되는 분야는 지도제작 등 데이터 제작 분야라기보다는 이를 응용, 활용한 대중적인 서비스이다. 구글에서 전 세계의 위성사진서비스를 시작함으로써 우리나라의 주요 포털들도 지도 서비스를 강화하고 있고, 이를 이용해 높은 성과를 올리고 있다.

이러한 대중적 서비스는 지도의 활용을 높이지만, 누구나 무료로 고품질의 지도를 사용할 수 있게 됨에 따라 자체적으로 지도를 제작해야 했던 소규모 기관에서는 더 이상 지도를 제작할 필요가 없게 되었다. 심지어는 일부 지방자치단체 등에서도 자체적으로 지도를 제작하기보다는 민간 회사에서 미리 제작해둔 데이터를 구입해서 사용하려는 경향도 나타나고 있다.

스마트폰 활성화에 따른 보다 정밀한 공간정보는 기존의 기술로는 너무나 많은 비용이 소요되므로, 제작하기 힘들다. 이러한 데이터는 보다 고도화된 자동화 기술이나 사용자 참여에 의한 방식으로 제작될 가능성이 높다. 즉, 민간시장에서 요구되는 정밀한 공간정보는 기존의 측량 산업에서는 대응하기 힘들다.

결론적으로 공간정보에 대한 수요는 높아지겠지만, 이것이 측량업의 확대로는 이어지지 않을 가능성이 높다는 것이다. 이러한 경향이 계속될 경우, 측량 산업은 매우 고도의 기술을 지닌 첨단기술기업과 간단한 용역만을 대행하는 소기업 외에는 사라질 가능성이 높다. IT 기술이 뛰어난 업체에 하청기업으로 전락하거나, 보험 등의 타 업종의 일부로 편입될 가능성도 있다.

대안

장기적으로 측량 산업이 정체 혹은 축소되는 경향은 막기 힘들 것으로 예상된다. 하지만, 현재와 같이 관급공사에 안주하는 것이 아니라, 기술능력을 강화하고, 업무를 다양화하는 등의 변화를 모색하면 위기를 해쳐 나갈 수 있는 방법도 존재한다.

먼저 기술력 향상이 필요하다. 측량 산업은 현재 거의 정형화된 업무가 대부분으로 기술력 향상이 매출 증대에 그다지 도움이 되지 않는 구조이다. 그러나 미래에는 이러한 정형화된 업무가 줄어들기 때문에 보다 다양한 형태의 데이터를 보다 효과적, 경제적으로 구축할 수 있도록 기술력을 개발해야 한다. ISO 나 OGC 와 같은 표준체계에 대한 이해와 함께 데이터 검증 체계에 대한 이해가 시급하다.

공간정보를 응용한 IT 분야의 전문가도 확보하여 응용 분야에도 관심을 기울여야 한다. 특히 오픈소스 GIS 소프트웨어의 활용가능성을 주목할 필요가 있다. 아울러 기술발전을 위해서는 비슷한 업체들과의 M&A 나 과감한 아웃소싱이 필요할 것이다.

새로운 시장을 개척하는 것도 중요하다. 특히 재해 재난 등의 분야는 전 지구적인 기후변화와 맞물려 점점 더 중요해지고 있다. 지형도와 지적도를 결합한 응용분야를 개발하는데 노력해야 한다. 각각의 데이터를 따로 관리할 때는 불가능했으나, 결합함으로써 새롭게 가능하게 된 업무를 발굴하고 발전시킬 필요가 있다.

시장상황이 그다지 좋지 않자 측량분야와 지적 분야가 서로 상대방의 분야에 진출하려는 모습이 보이지만, 이 보다도 두 분야야 힘을 합하여 “준공측량” 과 같은 분야를 개척하는 등의 시너지 효과를 발휘해야 한다.

마지막으로 해외진출에 보다 힘을 기울여야 한다. 현재의 ODA 위주의 해외사업 수주는 해외진출이라고 보기가 힘들다. 해외의 거대 업체들과 동등한 자격으로 경쟁 입찰할 수 있는 기술력 확보가 필요하며, 이를 위해서는 업체간 M&A 등을 통해 대형화 할 필요가 있다.

측량 산업은 정체 혹은 축소가 될 것이라는 것은 모두가 인지하고 있다. 이 상황을 타개하기 위해서는 IT를 중심으로 한 기술력 확보와 함께 새로운 시장개척을 해야 한다. 그 결과 측량이 아니라, 진정한 공간정보산업으로 거듭나야 할 것이다.

앵그리버드 닮은 교회 - 신문기사 싫다!

푸른하늘이 — Mon, 11 Mar 2013 13:57:45 +0900

동아일보 기사 : 앵그리버드 닮은 교회… 게임 개발자가 이 교회 출신?

앵그리버드 닮은 교회가 있다면 어떤 모습일까? 영국의 한 매체 미러는 지난 4일(현지시간) 미국 플로리다 마데이라 비치에 위치한 한 교회 건물의 모습이 '앵그리버드'를 닮아 앵그리버드 교회 혹은 치킨 교회라고 불리며 큰 인기를 끌고 있다고 보도했다.

1994년에 세워진 앵그리버드 닮은 교회는 빨간색 지붕과 동그란 창문으로 마치 앵그리버드 캐릭터인 새를 연상시킨다.

아래는 기사에 실린 그 교회 사진입니다. 일리가 있어보이나요?

저는 이런 기사를 보면 당장 확인에 들어갑니다. 일단, 구글맵에서 미국 플로리다 마데이라 비치로 검색해 봅니다. 한글로도 검색이 되네요. 무서운 구글맵!!

View Larger Map

그 다음엔 그 상태에서 church로 검색해 봅니다. 아래는 그 결과. Church by the sea... 그러니까 "바닷가 교회"라는 교회 딱 하나만 있네요.

View Larger Map

이제 이 교회가 기사에 나온 그 교회가 맞는지 확인할 차례죠. 먼저 항공사진으로 확인해 봅니다. 대략 비슷한 것 같기도 하네요~~

View Larger Map

이제 구글맵의 자랑거리 스트릿뷰로 확인해 볼 차례. 여기저기 찍돌아가면서 기사에 나온 사진과 제일 비슷한 위치로 잡아봤습니다.

View Larger Map

=====

이렇게 저처럼 몇번만 검색해 보면 정확한 위치와 사진까지 확인할 수 있으니 참 좋은 세상이네요. 특히 구글맵은 거의 전세계에 스트리트뷰 서비스를 제공하고 있어서 왠만한 곳은 직접 확인 가능합니다. 물론 우리나라의 경우엔 다음지도나 네이버지도가 훨씬 낫지만요.

그런데... 이런 기사를 볼 때마다 참 답답한 부분이 있습니다. 이런 기사를 쓴다면 이 기사가 참고한 원문에 대한 링크정도는 제공해야 되는 거 아닐까요? "영국의 한 매체 미러" 라니... 활자 매체라면 이해가 가겠으나... 인터넷 신문 기사를 올리면서 링크를 제공하지 않는 건 사실상 인터넷 신문이길 포기하는 것이나 다름없지 않나... 싶거든요.

이렇게 원문에 대한 링크를 제공해주지 않는데, 정확한 위치, 그것도 구글맵의 링크를 제공해준다는 건 생각하지도 못할 일이겠으나... 참으로 안타깝습니다. 활자매체가 사라질 수 밖에 없다는 건 발행자든 편집자든 기자든 소비자든 모두 아는 일인데, 그에 대응하려는 노력이 전혀 안보이니 말입니다.

민, 푸른하늘

Facebook에 360*180 파노라마 투어 삽입하기

푸른하늘이 — Sun, 06 Jan 2013 15:33:59 +0900

요즘 제가 파노라마 투어를 제작하는데 열을 올리고 있습니다. 일반 사진도 마찬가지겠지만, 파노라마 사진도 일반적으로 한군데에서 여러개를 찍게 됩니다. 이러한 파노라마들을 잘 연계시켜서 보여주도록 만든 게 파노라마 투어입니다.

이렇게 만들어진 파노라마 투어를 페이스북에 삽입시키는 방법을 찾아봤습니다. 그러니까... 파노라마의 링크나 작은 아이콘만 보이는 게 아니라, 아래 그림과 같이 직접 플레이를 시킬 수 있는 형태로 삽입하는 방법말입니다.

원래 링크를 공유하는 것이니까 클릭하면 볼 수는 있지만, 유튜브 영상을 보는 것처럼 페이스북을 떠나지 않고 파노라마를 볼 수 있는 방법이 있으면 더 좋겠죠.

krpano 포럼을 뒤적거려보니 마침 별도로 만들어진 Facebook Panorama Embed Tutorial라는 문서가 있었습니다. 저도 아직까지 해본 건 아니지만, 그다지 까다로운 것 같지는 않아서, 그냥 직접 해보면서 문서를 작성하기로 했습니다. 물론, 파노라마 투어를 페이스북에 embed 시키기 위해서는 해당 파노라마가 별도의 서버에 올려진 상태여야 합니다.

먼저 자신의 파노라마페이지 (html 파일)을 수정하여 <head> </head> 사이에 다음과 같은 metatag 를 삽입시켜주어야 합니다. 물론 각 항목의 내용은 자신의 파노라마의 실제 내용과 맞도록 수정해야 하고요.

<meta property="og:site_name" content="SITE TITLE" />
<meta property="og:url" content="PAGE URL" />
<meta property="og:title" content="PAGE TITLE" />
<meta property="og:type" content="article" />
<meta property="og:image" content="PREVIEW IMAGE URL" />
<meta property="og:video" content="PANO SWF URL" />
<meta property="og:video:height" content="300" />
<meta property="og:video:width" content="400" />
<meta property="og:video:type" content="application/x-shockwave-flash" />

이게 끝입니다. 각 항목에 대한 자세한 내용은 여기와 여기를 읽어보시기 바랍니다.이렇게 다 편집이 끝나면 해당 html 파일을 원하는 사이트에 올린 후, 그 주소를 사용해 페북에 공유하면 됩니다. 하지만 에러가 발생할 수 있으므로 먼저 아래와 같이 "나만 보기"로 올린 뒤에 나중에 전체공개로 바꿔주면 됩니다.

무언가 에러가 발생했을 경우, html 파일을 수정하고 다시 시행하면 될 것 같지만, 그렇지 않습니다. 아무리 내용을 수정해도 처음 그 상태대로 남아있는데, 이는 페이스북에서 자체적으로 약 1주일정도 cache 데이터를 가지고 있기 때문입니다.

이때 페이스북 디버거 페이지 (http://developers.facebook.com/tools/debug) 에 들어가서 해당 페이지 주소를 입력하고 디버그 버튼을 눌러주시면 됩니다.

==================================

이상은 일반적인 내용이고... 페이스북에 파노라마를 embed 시킨다는 것이 표준적인 것이 아니기 때문에 환경에 따라 여러가지 편집이 필요할 수 있습니다. 일단 저는 제가 사용하는 tistory에 올린 파노라마를 삽입시키는 방법부터 찾기로 했습니다. 그런데.... 처음에는 아주 쉬울 것 같았는데, 쉽지가 않았습니다. 한 열댓번을 바꾸면서 테스트 한 것 같네요.

일단 제가 성공한 방법은 티스토리에 플래시(swf)로 만들어진 파노라마 파일을 올리고, 다른 서버(저의 경우 http://360vr.kr)에 html 파일과 thumbnail image만 올리는 방식입니다.

참고로 제가 이번에 올린 벚꽃나무 날리는 파노라마 파일(fb_flower.html)에는 다음과 같이 넣었습니다. 그 다음 이 파일과 아이콘으로 이용할 작은 사진(fb_flower.jpg)를 제가 운영중인 서버(http://360.vr/)에 적당히 올렸습니다.

<!DOCTYPE html>
<html>
<head>
<title>krpano.com - kyeongju_esplanade_modify</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

<meta property="fb:page_id" content="********" />
<meta property="og:site_name" content="Bluesky's 360vr panoramas" />
<meta property="og:url" content="http://360vr.kr/panoramas/flowers/fb_flower.html" />
<meta property="og:title" content="Flowers in Kyeongju" />
<meta property="og:type" content="article" />
<meta property="og:image" content="http://360vr.kr/panoramas/flowers/fb_flower.jpg" />
<meta property="og:video" content="http://cfile22.uf.tistory.com/media/1945EA4550E5718D2B3141" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:height" content="398" />
<meta property="og:video:width" content="460" />

<style>
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
a{ color:#AAAAAA; text-decoration:underline; }
a:hover{ color:#FFFFFF; text-decoration:underline; }
</style>

<script language = javascript>

</script>

</head>

<body>
<script src="tour.js"></script>

<div id="pano" style="width:100%; height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"auto", passQueryParameters:true});
</script>
</div>

</body>

====

여기에서 까만색은 krpano tools를 이용해 파노라마 투어를 만들었을 때 원래 생긴 코드입니다. 두번째 초록색으로 되어 있는 부분은 위에서 설명한 내용입니다.

마지막으로 파란색 부분이 제가 해결이 안되어서 고민하다가 임의로 삽입한 부분입니다. 즉, 원래 이 부분이 없이 그냥 페이스북에 링크를 올리면, 파노라마가 embed 되기는 하는데, 링크를 클릭하면 이 파일이 시행되게 됩니다. 그런데, 사실 이 파일의 아랫부분에 있는 내용은 krpano로 만든 다른 파노라마를 실행시키기 위한 코드로서 이것만으로는 에러가 발생하게 됩니다. 그래서 이 파일을 실행시키면 제가 적어둔 블로그로 연결되도록 redirect하는 코드입니다.

어쨌든 그 결과... 제 페이스북에 이 파일(fb_flower.html)의 링크릴 올리는 순간, 아래처럼 작은 사진과 함께 삼각형 표시가 나타나고요~

이 플레이버튼을 누르면 아래처럼 직접 보이게 되었습니다.

===

기타 별도의 웹페이지에 따로 올렸을 경우, swf 만 독립적으로 있는 게 아니라, swf+xml 파일이 있는 경우, wordpress 에 올라간 경우 등등에 따라서 약간씩 손을 봐야 하는 것 같은데, 오늘은 이만 여기까지.!!!

민, 푸른하늘

벗꽃이 피기를 기다리며...

푸른하늘이 — Thu, 03 Jan 2013 18:07:09 +0900

오늘이 가장 추운 날이랍니다. 온 시내가 꽁꽁 얼어붙고, 지나다니는 아가씨들 걸음이 종종...

다들 꽁꽁 얼어있을 때 저는 따뜻한 봄날을 그리면서 krpano tool을 이용해 파노라마 투어를 하나 만들어 봤습니다.

요즘같으면 벚꽃이 흐드러지는 저런 날을 전혀 상상치도 못하겠지만, 이제 겨우 100일만 기다리면 됩니다. 하늘은 우리를 속이지 않죠. ㅎㅎ

사실 아래 파노라마는 제 작품이 아닙니다. 저는 벚꽃을 찍은 파노라마가 없어서 하나 빌렸고요, 벗꽃이 흩날리는 플러그인도 krpano 포럼에 올라온 걸 참고로 해서 만들었습니다.

아무튼 먼저 감상하시고... 자세한 설명은 아래에 있습니다. 감상하실 때는 아래 도구막대 가운데 부분에 화살표 4개가 모여있는 걸 클릭하시면 전체화면으로 볼 수 있습니다.

이 플러그인 구현에서 가장 중요한 부분은 layer 정의와, 이걸 움직이게 하는 <action> 부분입니다. 먼저 layer 정의는 아래와 같습니다.

<layer name="flower1" url="snow.swf" alturl="snow.js" imageurl="pink1.png" mode="image"

imagescale="1" flag1="0" flakes="30" speed="0.07" speedvariance="100.0"

spreading="15" shake="300" wind="2" winddir="0" />

여기에서 url="snow.swf" alturl="snow.js" 는 krpano에서 제공하는 플러그인입니다. 이름에서 알 수 있는 것처럼 원래 눈 내리는 모습에 사용하는 플러그인이죠. 몇몇 변수의 의미는 아래와 같습니다.

flakes="30" --- 꽃잎의 수

speed="0.07" --- 꽃잎이 내려오는 속도

speedvariance="100.0" ---- 속도를 다르게 하는 정도. 모든 꽃잎이 똑같은 속도로 내려오면 안되니까.

spreading="15" shake="300" --- 흩어지는 정도

wind="2" winddir="0" --- 바람의 속도와 바람의 방향

여기에서 imageurl을 적당한 그림으로 바꿔주기만 하면 눈내리는 효과도 만들어 볼 수 있고, 애인 얼굴이 가득 날려내려오도록 만들 수 있습니다. 원래 여기까지가 snow plugin이 해주는 일입니다.

그런데... 이 꽃잎 플러그인은 그냥 그림이 내려오는 게 아니라, 꽃잎 그림이 팔랑팔랑 거리면서 바뀌고 있습니다. 이걸 구현한게 가장 핵심이겠죠. 그게 아래 <action> 부분입니다.

switch(layer[flower1].flag1,0,1);

if(layer[flower1].flag1 != 1 ,set(plugin[flower1].imageurl,pink1.png);,

set(plugin[flower1].imageurl,pink1b.png);;

);

tween(layer[flower1].alpha,0.3,0.01,default,

tween(layer[flower1].alpha,0.8,0.01); delayedcall(0.1,fchange1());

);

</action>

윗부분(switch/if)은 꽃잎의 모양을 바꿔주는 겁니다. 이 action은 아랫부분에 의해 무한 반복되는데, 한번 들어올 때마다 다른 형태로 바꿔주게 됩니다.

아랫부분에 있는 tween 은 krpano에서 애니메이션 효과를 위해서 가장 많이 사용되는 action입니다.

set(A, 0) 라면 A를 0로 즉시 바꿔주는데,

tween(A, 0) 이라고 두면 A에서 주어진 시간(default 는 0.5초)동안 단계적으로 바꿔주게 됩니다. 조금씩 바뀔 때마다 화면에 표현되면 애니메이션 효과가 발생하는 거죠.

여기에서는 꽃잎(layer[flower1]) 의 투명도(alpha)를 현재상태에서 0.3으로 바꾸고, 이게 끝나면 다시 0.8로 단계적으로 바꾼 후, 다시 처음으로 되돌아가서 같은 함수를 호출하도록 되어 있습니다.

결과적으로 pink1.png 라는 그림을 읽어들여와서 투명도를 0.8 -> 0.3 -> 0.8 로 단계적으로 바꾸고, 다음으로 pink1b.png 라는 그림을 읽어들여와서 투명도를 바꾸는... 이런 과정을 계속해서 반복하게 됩니다.

그런데 이렇게 하더라도 꽃잎이 무작위하게 떨어진다기 보다는 너무 규칙적으로 떨어져 보이기 때문에 layer를 3개 만들고 약간씩 속도나 형태 등을 달리해 두었습니다. 물론 꽃잎모양도 다양하게 만들고, 파라미터 들을 좀더 세세하게 조정하면 더 이쁘게 만들 수도 있지 않을까... 싶습니다만, 저는 여기까지.

파노라마 원본 및 xml 파일 등은 모두 cubicpan cafe에 있으니 직접 확인하세요.

민, 푸른하늘

국립중앙박물관 파노라마 투어를 제작했습니다.

푸른하늘이 — Tue, 25 Dec 2012 15:13:55 +0900

그냥 몇줄 수정한 정도가 아니라, 완전히 Professional 하게 제작한 본격 VR 파노라마 투어입니다. 먼저 아래는 주요화면을 스크린샷으로 뜬 겁니다. 구경한번 하시고~~~

직접 보실 수 있는 주소는 아래와 같습니다. 이 글에 직접 삽입할까 했는데, 디자인이 맞지 않네요... ㅠ

http://360vr.kr/panoramas/NMus/tour.html

물론 이 파노라마도 krpano tools 를 이용하여 제작했습니다. 이전 글에서는 krpano의 droplet으로 만들어진 투어를 간단하게 몇줄만 수정하면 왠만큼 쓸만한 투어를 제작할 수 있다는 내용이었는데, 이번 작품은 아얘 거의 손이 안간 부분이 없을 정도로 뜯어 고쳤습니다.

먼저 왼쪽 위에 있는 지도부분에 대해서...

VR 투어는 여러장의 360*180 파노라마를 묶어서 보여주게 되므로, 이런 지도가 필요합니다. 이 투어처럼 파노라마 장수가 많아질 수록 반드시 필요하다고 할 수 있죠.

이 지도 부분은 많은 신경을 썼습니다. 현재 보고 있는 파노라마의 위치 및 방향을 보여주는 것은 물론 클릭을 하면 원하는 파노라마로 직접 이동이 되며, 확대/축소/좌우이동 등도 가능하도록 만들어져 있습니다. 물론 지도 자체를 크게/작게 만들 수도 있구요.

그 다음은 화살표와 사람 아이콘...

대개의 경우, VR 파노라마는 방향을 가르키는 화살표 등으로 핫스팟(hotspot)을 만듭니다. 그런데 이번 프로젝트의 경우 전체적인 씬이 널찍하고 시원해서 그런 화살표를 배치하는 게 마음에 안들었습니다.

그래서 맨처음 고려했던 것이 화살표 아이콘. 이것은 구글 스트리트뷰나 다음 로드뷰처럼 공중에 떠다니는 기분이 드는 화살표로서, 여러가지 소스를 참고로 해서 겨우 겨우 만들어 냈습니다. 두번째 사람 아이콘은 구현한 것은 그렇게 까다로운 것은 아니지만, 거리를 기준으로 아이콘의 크기를 변경시키도록 해서 마치 사람이 그곳에 서 있는 듯한 모습을 구현해 이쁘다는 평을 많이 받았습니다.

다음은 그림과 연계된 사진 보여주기 기능...

이것도 사실 현재의 파노라마와 사진이 연동될 수 있도록 만들기 위해 아주 골머리를 많이 썩혔던 부분이었습니다. 즉, 다른 파노라마가 선택되면, 빨간색 화살표를 클릭했을 때 뜨는 사진이 달라지고, 사진을 이리저리 돌려보다가 그 사진에 해당되는 파노라마로 직접 들어갈 수 있습니다. 그런데, 파노라마와 사진이 1:1로 매칭되는 게 아니라서 골머리를 많이 알아야 했던 것이죠. 만져보면 별거 아닌데, 실제 구현할 때는 많이 고생했었습니다.

다음으로 오른쪽에 있는 안내부분...

이 부분은 기술적으로는 그다지 까다로울 게 없는 부분입니다. 클릭을 하면 자연스럽게 미끄러져 나오고 글씨를 클릭하면 해당되는 이미지가 뜨고... 등등 아주 간단한 액션들로 구성되어 있습니다.

다음으로 자동투어...

아래쪽에 있는 콘트롤 바 위쪽에 Auto Tour라고 되어 있는 부분을 누르면 자동 투어를 볼 수 있습니다. 하나의 씬을 불러들인 후, 일정 동작을 하고 다시 다음 씬을 불러오는 방식으로 구성되어 있습니다. 다만, 이 투어의 경우 모든 지점에서 전체의 모습이 보이기 때문에 특별한 동작은 거의 없이 순서대로 하나씩만 불러들이도록 구성이 되어 있습니다.

물론 위에서 설명한 것 외에도 인트로 구성방법이라든지... 여러가지로 신경을 쓴 부분이 많습니다만, 생략...

사실 제일 중요한 건 전체적인 구성이겠죠. 여러가지 기능을 보여주면서도 전체적으로 깔끔한 디자인이 되어야 한다는 것. 저는 그런 점에서 미술이나 음악, 글쓰기 등 창조적인 일을 하는 분들을 존경합니다. 이렇게 깔끔한 디자인을 만들어주신 김태은씨에게 그래서 특별히 감사를 드립니다.

아무튼 이 투어를 만들면서 여러가지로 골치도 많이 썩혔지만, 이것저것 만지면서 새로운 것들을 완성해 나갈 수 있어 보람을 느꼈습니다. 그런 점에서 멋진 파노라마를 제공해 주시고, 제작할 수 있는 기회를 만들어주신 픽스뷰 관계자분께 감사를 드립니다.

민, 푸른하늘

참고: 이 파노라마 투어는 cafe24 서버에 올라가 있는데, 제가 실험용으로 사용하는지라 하루 사용 가능한 트래픽용량이 800MB 에 불과합니다. 몇분만 자동투어를 돌리면 용량초과될 수 있으니 양해해 주시길 부탁드립니다.

KRPANO 투어 기능 좀더 예쁘게 다듬는 방법

푸른하늘이 — Sun, 18 Nov 2012 20:30:26 +0900

krpano를 이용하면 360*180 파노라마 투어를 쉽게 제작할 수 있습니다. 파노라마 투어란 여러장의 파노라마를 묶어서 서로 연결시키고 여러가지 부가 기능을 넣어 사용자들이 보다 쉽게, 편하게 만들어 주는 것을 말합니다.

krpano를 사용하려면 http://krpano.com/download/ 에 들어가 다운로드 받으면 됩니다. 원래 라이센스를 구입해야 하지만, 라이센스가 없더라도 모든 기능을 다 테스트해볼 수 있습니다. 다만 데모버전이라는 표시가 남고, 온라인 서비스는 불가능합니다. 참고로, 이 글에 있는 기능은 최신버전에서만 돌아갑니다. 제가 사용하는 버전은 krpanotools-1.0.8.15-win-2012-10-05 입니다.

혹시 이 글을 테스트해보고 싶으신데, 360파노라마가 없으시다면, 구글에서 검색해서 사용하시면 됩니다. 아래는 제가 오래전에 촬영해둔 사진을 사용하여 테스트하였습니다.

1. 제작 기본

제일 먼저 할 일은 투어를 제작할 파노라마를 적당한 배치파일에 끌어다 놓는 것입니다. 아래는 오른쪽에 있는 3개의 파노라마를 MAKE VTOUR (NORMAL) droplet.bat 파일 위에 떨어뜨리는 모습입니다. 그러면 도스창이 뜨고 뭔가 한참 돌아갑니다. 작업이 완료된 후 원래 파노라마가 있던 폴더에 새로 vtour라는 폴더가 생깁니다.

이 vtour 디렉토리에는 아래처럼 여러가지 파일과 폴더가 들어있습니다. 여기에서 tour.html을 더블클릭하면 투어가 실행됩니다.

2. 플래시파일로 만들기

이렇게 만들어진 투어를 다른 사람들에게 보여주려면 인터넷 어딘가에 올려야 합니다. 하지만, 자신만의 호스팅 서비스가 없는 일반인들은 이게 쉽지가 않습니다. 투어가 여러개의 파일과 폴더로 구성되어 있기 때문입니다.

이 파일들을 모두 모아 하나의 플래시 파일로 만들면 카페나 블로그등에 첨부해서 서비스할 수 있습니다. 플래시 파일로 결합하는 방법은 아래 글 아랫부분을 읽어보시면 됩니다.

http://www.internetmap.kr/entry/초간단 오브젝트VR 제작

이렇게 만들어진 플래시 파일을, 그 파일의 절대주소를 알아내어 embed 코드를 만드는 방법은 HDVR의 글을 참고하시기 바랍니다. 아래는 이와 같은 과정을 통해 작성된 결과입니다.

3. 파노라마에 제목 달기

이 정도로도 사실 왠만큼은 충분합니다만, 좀더 편리하게 만들려면 약간의 편집이 필요합니다. 원래 krpano로 제작한 투어의 구성, 형태, 작동방법은 xml 파일로 저장되어 있습니다. 이 내용을 편집하면 얼마든지 자유롭게 형태를 구성할 수 있습니다.

일단 제일 먼저 할 일은 각각의 파노라마에 대해 제목을 지정하는 것입니다. 이를 위해서는 vtour.xml을 적당한 에디터로 연 뒤, 맨 아래쪽으로 내려가서 아래처럼 편집을 합니다. title="..." 이라고 되어 있는 부분을 적당한 제목으로 바꿔주는 것입니다. 이렇게 하면 투어 왼쪽 밑에 이 제목이 표시되게 됩니다.

파일명이 깨져나타날 경우가 발생할 때에는,아래와 같이 이 파일의 인코딩 방식을 UTF-8로 저장하면 됩니다.

4. 파노라마에 핫스팟 추가하기

tour를 제작하면 vtour_editor.html 이라는 파일이 함께 생성됩니다. 이 파일을 사용하면 가장 기초적인 편집이 가능합니다. 아래는 위에서 만든 vtour_editor.html을 실행시켜본 모습입니다.

여기에서 맨 왼쪽 빨간화살표부분을 클릭하면, 이 파노라마를 불러올 때, 현재의 화면상태 (방향 및 확대상태)대로 불러오게 됩니다.

두번째 화살표가 가장 중요한 것으로서 핫스팟(hotspot)을 추가하는 버튼입니다. 이걸 누르고, 적당한 위치로 이동시킨 후 [done]을 누르고 마지막으로 이 화살표를 누를 때 어떤 파노라마가 뜰지를 지정하면 끝납니다.

이상의 작업이 끝나면 맨 오른쪽에 있는 [save tour.xml]을 눌러 저장하면 됩니다.

아래는 그 결과입니다.

5. 툴팁 표시하기

위에 있는 투어를 돌려보시면 아시겠지만, 화살표가 어떤 파노라마와 연결되어 있는지는 실제 클릭해 보기 전까지는 알 수 없습니다. 화살표에 뭔가 표시가 있으면 좋겠다 싶으실 겁니다. 이렇게 만드는 것도 무척 쉽습니다.

또다시 vtour.xml 파일을 editor 로 열어 맨 윗부분을 보시면 아래와 같은 부분이 있습니다. 빨간 사각형이 둘러친 부분을 false에서 true로 바꾸어주시면 됩니다.

이중에서 맨 왼쪽 것은 썸네일 이미지에 마우스를 올릴때 제목이 표시되도록 하는 것이고, 두번째는 핫스팟(화살표)에 마우스를 올릴 때 제목이 표시되도록 하는 것, 마지막 것은 지도에 표시된 핫스팟에 마우스를 올릴 때 제목이 표시되도록 하는 옵션입니다. (물론 지도부분은 별도로 설정을 해주기 전까지 아무 의미도 없습니다.)

아래는 그 결과입니다.

참고로, VR 투어를 만들때 마다 이렇게 설정하고 싶으시다면, krpanotools 디렉토리 밑에 있는 templete/xml 디렉토리에 들어가서, vtour.xml 파일을 위와 같은 방식으로 편집해 두시면 다음부터는 매번 편집하지 않아도 툴팁이 표시됩니다.

민, 푸른하늘

방콕 출장 VR 파노라마

푸른하늘이 — Fri, 09 Nov 2012 00:07:19 +0900

지난주에 방콕으로 출장을 다녀왔습니다. 아주 짧은 출장이었습니다. 일요일 출발해서 금요일 복귀. 5밤을 잤나보네요. 제 외국 출장 사상 가장 짧지 않았나 싶습니다.

출장 목적은 UN 지도제작 관련 회의에 참석하는 것이었습니다. UNRCC(United Nations Regional Cartographic Conferences)와 PCGIAP (Permanent Commitee on GIS Infrastructure for Asia and the Pacific) 이라는 회의였습니다. 자세한 내용은 생략하겠습니다. 다만, 지도제작관련 회의이고 아시아 관련국들이 모이다보니 우리나라와 일본 사시에 독도관련 신경전이 벌어지는 바람에 신경을 곤두섰었다는...

아무튼 긴장속에 아침부터 저녁까지 회의 참석하느라 구경은 거의 못했습니다. 사실 다른 회의에 참석하면 휴일이나 약간의 여유시간을 활용해 관광을 하게 되는데, 이번엔 숙소에서 2-3km 정도 떨어져 있는 왕궁도 못가봤을 정도니까... 머... 말할 필요도 없겠죠.

아래가 UN ESCAP 빌딩의 모습입니다.

In front of UN ESCAP Building, Bangkok in Bangkok

아래는 회의장입니다. 잘 살펴보시면 우리 대표단의 모습을 보실 수 있을테구요, 그 바로 앞에 일본 대표단석도 보이실 겁니다. 앞뒤로 나란히 앉아서... 신경전을 벌렸다는... ㅎㅎ

UN ESCAP Conference Room, Bangkok in Bangkok

그나마 기억나는 곳이라면 동남아 배낭여행자의 메카라고 하는 카오산 로드(Kaosan Road)를 꼽을 수 있겠습니다. 저녁식사후 10시쯤 택시타고 갔었는데, 마침 그날이 할로윈(Haloween) 이다보니, 안그래도 전세계에서 수많은 사람들이 모인다는 데, 그날은 완전히 발디딜 틈도 없었을 정도였습니다.

Khaosan Road , at night in Bangkok

이번 출장을 가기 전, 방콕을 아주 좋아하는 분으로부터 소개를 받은 사이트가 있습니다. Letterbox.co.kr 인데, 사이트 주소는 이상합니다만, 태국 자유여행에 관한 많은 정보를 담고 있는 사이트입니다. 저는 이번에 이 사이트에 있는 바이욕 스카이 디너부페에 다녀왔습니다. 전체 84층인가... 태국에서 제일 높은 빌딩인데, 76층 정도에서 파노라마 한장을 촬영했습니다.

Observation deck, Baiyoke Tower II in Bangkok

이번에도 물론 360*180 파노라마를 촬영 준비를 해갔습니다. 그런데 이번 출장이 워낙 시간이 없을 것 같아 모든 장비를 챙겨가는 건 어차피 힘들겠다... 라고 생각을 하고 모노포드를 챙겨갔습니다. 얼마전 테스트를 했는데, 충분히 주의만 하면 모노포드만으로도 어느정도는 HDR (High Dynamic Range) 처리가 가능하였기 때문입니다. 그런데... 막상 도착해서 조립하려고 보니 L 플레이트가 없더군요... 허거덩... 그래서 결국 모두 손각대로 촬영했습니다. 그냥 손으로 들고 촬영했다는 뜻입니다.

삼각대 없이 360도 파노라마를 촬영하는 방법은 아래 비디오를 참고하시기 바랍니다. 저는 이 비디오에서 나오는 끈도 없이 그냥 촬영했습니다만, 아래처럼만 촬영하면 좁은 방이 아니라면, 대략 크게 문제 없이 촬영할 수 있습니다.

어쨌든... 삼각대 없이 촬영하다보니 위에 있는 파노라마들을 자세히 들여다보면 어긋난 것들이 많습니다. 그나마 풀프레임 카메라인 니콘 D800에 니코르 10.5mm 어안렌즈를 장착해서 촬영했기에 망정이지... 예전 카메라를 사용했더라면 정말 끔찍했을 겁니다. D800 + 어안렌즈 조합이면 4장만 촬영해도 문제없이 파노라마를 제작할 수 있거든요.

아무튼... 아래는 제가 촬영한 파노라마를 모아 제작한 파노라마 투어입니다. krpano 라는 도구를 사용하여 제작한 건데 요즘 제가 재미있게 공부를 하고 있습니다. ㅎㅎ

====

당연히 이번에도 지오캐싱을 했습니다. 지오캐싱이란 "GPS를 이용하여 전세계인이 함께 즐길 수 있는 보물찾기 게임"이라고 할 수 있는데요, 이렇게 짜투리시간동안 지오캐시를 찾는 재미가 쏠쏠합니다. 그런데 이번엔 시간이 없다보니 딱 3개를 찾았네요. 아래가 그 결과입니다. 잘 보시면 스마일 표시가 있을 겁니다. 겨우 호텔 주변만 몇개...

이상으로 마칩니다. 이번에 방콕을 가보니... 이번이 두번째이긴 한데 두번다 구경은 못한지라... 다음에 한번 가족들과 다시 와야겠다... 싶더군요. 특히 방콕은 교통이 (많이 막히기는 해도) 편리하고, 사람들이 친절하고 안전해서 아주 괜찮지 않을까... 합니다. 다음에 꼭 확인을 하기로 다짐하면서~~

민, 푸른하늘

KRPANO 액션 작성법

푸른하늘이 — Sun, 09 Sep 2012 00:22:46 +0900

krpano에는 작고 간단하면서도 동적인 스크립트 언어가 있습니다. 이를 사용하면 krpano를 여러가지 방법으로 변경할 수 있습니다. krpano의 명령 혹은 함수는 action이라고 합니다. 기존의 액션을 사용하여 새로운 액션을 제작하는 것도 가능합니다.

스크립트 언어는 동적이며, 기본적으로 일부 기정의된 변수를 제외하면 무유형(untyped)이지만, 액션 내부에서 타입이 자동 변환되기 때문에 거의 대부분 문제가 없습니다.

KRPANO 전역변수

version(RO)(예: "1.0.8.15", xmlversion(RO), build(RO) (예: "2012-8-10")
mouse.x, mouse.y, mouse.stagex, mouse.stagey /(RO)* mouse.x/y는 현 area에 대한 상대좌표. */
keycode(RO) /* onkeydown, onkeyup 이벤트에서 설정됨.
wheeldelta(RO) /* 마우스휠 돌아간 양, onmousewheel 이벤트에서 설정됨
fullscreen /* 풀스크린상태. 설정하면 상태가 바뀜. 단, 마우스/키보드 액션이 있을때만 가능. 즉, onclick="set(fullscreen, true);" onkeydown="swtich(fullscree);" 등만 가능.
stagex, stagey(RO) /* 현재 윈도의 크기. onresize 때 크기를 알아낼때 사용
browser.useragent
isflash, ishtml5, ismobile, istablet, isdesktop(RO), ...
timertick(RO) /* 뷰어가 시작된 이후의 시간. miliseconds. */
random(RO) /* 0.0-1.0사이. 1-10까지 만들려면, mul(val, random, 9); add(val, 1); roundval(val);
hlookat_moveforce, vlookat_moveforce, fov_moveforce /* 0이 아닌 값으로 설정하면, 가속(keybaccelerate) 되어 최고속도(keybspeed)가 되면 다시 0.0으로 설정되고 감속(keybfriction)됨 */
multireslevel(RO) /* 현재의 level */
lockmultireslevel /* "current"이면 현재의 레벨로, "3"이면 3레벨로 고정. "-1"이면 고정 해제 */
downloadlockedlevel
xml.url(RO) /* 현재 xml파일의 경로 */
xml.content(RO) /* xml 파일에 들어있는 전체 내용 */
xml.scene(RO) /* 현재 scene의 이름 */
lasterror /* 마지막 에러 */
haveexternalinterface /* local에서 Flash/javascript를 실행시킬 수 있는지? */
havenetworkaccess /*

Actions

set(variable, value) /* variable :=value. variable이 없으면 만들어짐. 다른 변수를 복사해 넣으려면 set(variable1, get(variable2)); 로 써야 함.
get(variable) /* 다른 action에 variable을 넘겨줄때나, array[]에서 사용해야 할 때
copy(dest, source) /* set(dest, get(source)); 와 동일함
delete(...variables...)
if (condition, then_action, else_action) ifnot (condition, then_action, else_action) /* condition이 true, not 0, not null 이면 then_action 실행됨. cond1 OPERATOR cond2. 관계연산자로는 ==, !=, </LT, GT, LE, GE, ===,!== (존재할 때만 비교)
action(actionname, parameters...) / actionname(parameters...)로 써도 가능. 매개변수는 'parameter'도 가능하고 "parameter" 도 가능
delayedcall(delay, action) /* delay 초 후에 action 실행
for(startaction, condition, nextaction, loopaction), asyncfor(startaction, condition, nextaction, loopaction) /* startaction -> condition 체크 -> loopaction -> nextaction -> condition 체크 ->... 일반 for의 경우에는 for가 완료되어야 그 다음 문장이 실행됨. async의 경우 for를 한번 통과하고나서 다음문장을 계속실행. for의 loop action은 한 frame에 한번씩 수행됨*/
loop(condition, loopaction), asyncloop(condition, loopaction) /* condition check -> loopaction */
switch(variable, valueA*, valueB*,..) /* switch(variable)이면, 실행될때마다 variable이 true/false를 반복함. switch(variable, 3, 4, 7) 이라면 첫번째는 3 두번째는 4, 세번째는 7, 네번째는 3 등으로 계속 반복 */
push(variable), pop(variable) /* variable을 stack에 저장/불러옴 */
stopall() /* 현재 수행중인 actions, tween 정지. queueed action 제거 */
breakall() /* 현재 수행중인 actions, tween 정지. queued action 수행 */
add/sub/mul/div/mod/pow(variable, valueA, valueB) /* 파라미터가 두개일 경우, sub(A, B)는 A=A-B 임. 3개일 경우 mul(A,B,C)는 A=B+C 임. B/C는 자동 변환되므로 get()을 사용할 필요 없음 */
inc(variable, byvalue, max, min), dec(variable, byvalue, max, min) /* 최초 min. 한번실행될 때마다 byvalue만큼 증가. max에 도달하면 다시 min으로 설정. byvalue 디폴트 1. */
Math.PI, Math.abs(var), acos, asin, atan, atan2, ceil, cos, exp, floor, log, max, min, pow, round, sin, sqrt, tan
roundval(variable, decimalplaces*) /* 반올림. */
txtadd(destination, txt1, txt2*, txt3*,...) /* dest와 txt1 만 있을 경우에는 dest= dest+txt1, 여러개일 경우, dest=txt1+txt2+... 반드시 get()을 사용해야 함 */
subtxt(dstvar, srcvar, startpos, len) /* 일부를 추출 */
indexoftxt(dstvar, srctxt, searchtxt, startindex*) /* startindex는 처음 찾기 시작하는 위치 */
tween(variable, destinationvalue, time*, tweentype*, donecall*, updatecall*) /* tween 액션은 시간을 제어하는 애니메이션에 사용됨. 변수의 현재값을 목표값으로 동적으로 변경시킴. 주어진 시간(디폴트 0.5)동안. tweentype 매개변수에는 내삽의 형태를 지정. tween 이 완료되고 변수의 값이 목표값에 도달하면 donecall이 수행됨. variable:변하는 변수, time: 목표값에 도달하는 시간. distance를 사용하면 짧은 거리에는 짧은시간, 긴거리에는 긴사간이 되도록 할 수 있음. tweentype: 내삽유형(디폴트 easeOutQuad), donecall:목표값에 도달한 뒤 수행되는 액션. "WAIT"로 지정하면 사용자의 간섭필요. updatecall:값이 변경될 때마다 수행되는 액션. */
stoptween(variable,...) tween action에 사용되는 변수(variable)을 중지시킴.
loadpano(xmlpath, vars*, flags*, blend*), loadxml(xmlstring, vars*, flags*, blend*), loadscene(scenename, vars*, flags*, blend*) /* 새로운 파노라마를 불러들임. keep="true"로 지정된 플러그인, 핫스팟, 이벤트, 렌즈플레어만 보존됨. loadpano 뒤에 추가적인 action 이 있으면, onstart 이벤트가 실행되지 않음. xmlpath:불러들일 파노라마의 경로. 지정하지 않으면 %FIRSTXML%이 기본으로 사용됨. xmlstring:수행될 xml. scenename:불러들일 <scene>의 이름. blend:NOBLEND/BLEND(n) n초에 걸쳐 블렌딩/ZOOMBLEND(n,z) n초동안 z배율로 */
reloadpano() /*"image.sphere.url"이나 "image.type" 같은 변수는 동적으로 변경시킬 수 없다. 이들 변수는 처음 로드할 때만 파싱된다. 따라서 변경된 이미지 변수는 다시불러와야 알 수 있다. */
openurl(url, target*) 이 기능을 오프라인에서 사용하려면 Flashplayer의 External Interface를 사용할 수 있어야 함. target:_blank,_self,_parent,_top */
lookat(atH, atV, fov*)
lookto(toH, toV, fov*, motiontype*, shortestway*, nonblocking*, donecall*) looktohotspot(hotspotname, fov*, motiontype*, shortestway*) moveto(toH, toV, motiontyep*) zoomto(fov, motiontype*) /* 뷰를 현재위치에서 주어진 위치로 이동시킴. 시행되는 동안, 유저인터페이스및 다른 액션이 정지됨. 가능하게하려면 oninterrupt 액션을 사용해야 함. motiontype: linear(speed)/smooth(accel, break, maxspeed)/tween(tweentype, time), shortestway="true"이면 최단경로로 이동.
adjusthlookat(desthlookat) ??
wait(parameter) /* parameter:숫자이면 초. LOAD, BLEND. 그동안 어떤함수도 유저인터랙션도 안됨. oninterrupt로 가능 */
freezeview(state) /* state="true"이면 현재 파노 view가 정지됨. 정지되면 렌더링성능이 좋아짐.
oninterrupt(actions) /* user interface를 중지시키는 액션(lookto, looktohotspot, moveto, zoomto, wait/tween에서 donecall로 WAIT을 지정했을때) 시행 전에 설정. 이러한 액션중에 사용자가 마우스를 클릭하는 등을 시행하면 여기에 지정된 action이 수행됨. action에 "break"를 지정하면 중지되고 빠져나옴. */
screentosphere(x,y,h,v) spheretoscreen(h,v,x,y) /* x,y:스크린좌표(좌상단0,0), h,v:구면좌표(360/180도) 모든 매개변수로 변수를 사용해야 함. 상수를 쓰면 안됨) */
showtext(text,textstyle*) /*한번에 하나씩만. 새로 부르면 원래것은 사라짐. txt:표시될 문자열. html코드 사용가능. 단 <>는 []로 대체. 예:[b]bold text[/b], 다음줄은 [br]. txtstyle: xml text style */
updateoject(updateall*, updatefov*) /* 파노 객체의 내부 3D 모델을 재구축. display.details, display.tessmode 를 바꾼 뒤 반드시 실행시켜야 함. image.hfov, image.vfov, image.voffset을 대화식으로 변경시켰다면, updatefov="true"로 매개변수를 설정하여 실행시켜야 함.
updatescreen() 파노라마 뷰를 강제로 다시 그림.
invalidatescreen() 강제로 다시그림. 렌더링 품질이 movequality/movequality10으로 바뀜.
addlayer(name), addplugin(name), addhotspot(name), addlensflare(name, ath*, atv*) 동적으로 생성
removelayer(name), removeplugin(name)...
js(jsfunction(parameters*)) /* global javascript 호출. 오프라인으로 실행할 경우 Flashplayer의 External Interface가 있어야 함. */
fscommand(...) /* standalone Flashplayer를 제어하기 위한 명령 */
showlog(state*) /* state="true"이면 로그가 표시됨 */
trace(...) /* 변수의 내용을 로그에 표시 */
error(errormessage)