<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Kimkijeung.com &#187; wimpy</title>
	<atom:link href="http://kimkijeung.com/tag/wimpy/feed/" rel="self" type="application/rss+xml" />
	<link>http://kimkijeung.com</link>
	<description>Interactive development,flash,Actionscript,Unity</description>
	<lastBuildDate>Sun, 24 Apr 2011 18:59:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.5</generator>
		<item>
		<title>Project epilogue : 3D Sensing Installation</title>
		<link>http://kimkijeung.com/2010/04/15/project-epilogue-3d-sensing-installation/</link>
		<comments>http://kimkijeung.com/2010/04/15/project-epilogue-3d-sensing-installation/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 03:09:39 +0000</pubDate>
		<dc:creator>vkimone</dc:creator>
				<category><![CDATA[Project]]></category>
		<category><![CDATA[3d camera]]></category>
		<category><![CDATA[dstrict]]></category>
		<category><![CDATA[gesture interaction]]></category>
		<category><![CDATA[hand gesture]]></category>
		<category><![CDATA[hologram]]></category>
		<category><![CDATA[j4]]></category>
		<category><![CDATA[R&D]]></category>
		<category><![CDATA[TOF]]></category>
		<category><![CDATA[wimpy]]></category>

		<guid isPermaLink="false">http://kimkijeung.com/?p=763</guid>
		<description><![CDATA[이전 버전의 Swing H (J4) 솔루션이 회사의 첫번째 R&#38;D 결과물로서 가능성을 확인한거라면 이번 버전은 좀더 직관적인 형태의 인터페이스의 추가와 정보전달의 용이성을 위한 하단부에 LCD 디스플레이가 추가로 크게 변경되어 개발되었다.  Swing H 에서의 인터랙션 장비는 반지를 통해 이루어졌는데 이 부분이 상당히 사용성에 여러가지 문제점을 드러내 차기버전에서는 좀더 이상적이라고 할 수 있는 아무런 도구없이 단지 손의 제스쳐로만 [...]]]></description>
			<content:encoded><![CDATA[<p>이전 버전의 <a href="http://kimkijeung.com/2010/04/08/project-epilogue-swing-h/">Swing H (J4)</a> 솔루션이 회사의 첫번째 R&amp;D 결과물로서 가능성을 확인한거라면 이번 버전은 좀더 직관적인 형태의 인터페이스의 추가와 정보전달의 용이성을 위한 하단부에 LCD 디스플레이가 추가로 크게 변경되어 개발되었다.  Swing H 에서의 인터랙션 장비는 반지를 통해 이루어졌는데 이 부분이 상당히 사용성에 여러가지 문제점을 드러내 차기버전에서는 좀더 이상적이라고 할 수 있는 아무런 도구없이 단지 손의 제스쳐로만 화면을 제어할 수 있게 개발하는것이 가능 큰 목표였다.</p>
<p>하지만 위 기능을 위해서는 손의 제스처를 인지하고 처리할 수 있는  별도의 처리가 필요했는데 이를 위해 카메라 영상을 통해 공간좌표까지 얻어올 수 있는 3D  Depth camera 인 <a href="http://en.wikipedia.org/wiki/Time-of-flight_camera" target="_blank">TOF(time of flight) camera</a> 를 사용하여 이미지 처리를 하였다.</p>
<div id="attachment_778" class="wp-caption alignleft" style="width: 130px"><img class="size-full wp-image-778   " title="FOTONIC-B70" src="http://kimkijeung.com/blog/wp-content/uploads/2010/04/120px-FOTONIC-B70.jpg" alt="" width="120" height="120" /><p class="wp-caption-text">       FOTONIC-B70        by Fotonic</p></div>
<div id="attachment_784" class="wp-caption alignleft" style="width: 130px"><img class="size-full wp-image-784   " title="TOF_Kamera" src="http://kimkijeung.com/blog/wp-content/uploads/2010/04/97px-TOF_Kamera.jpg" alt="" width="120" height="120" /><p class="wp-caption-text">    SwissRanger 4000     by MESA Imaging</p></div>
<div id="attachment_785" class="wp-caption alignleft" style="width: 130px"><img class="size-full wp-image-785   " title="PMDvision_CamCube" src="http://kimkijeung.com/blog/wp-content/uploads/2010/04/120px-800px-PMDvision_CamCube.jpg" alt="" width="120" height="120" /><p class="wp-caption-text">     PMD CamCube             by PMDTechnologies</p></div>
<p><span style="color: #ffffff;">.</span></p>
<p><span style="color: #ffffff;">.</span></p>
<p><span style="color: #ffffff;">.</span></p>
<p><span style="color: #ffffff;">.</span></p>
<p><span style="color: #ffffff;">.</span></p>
<p><span style="color: #ffffff;">.</span></p>
<p><span style="color: #888888;"> from <a href="http://en.wikipedia.org/wiki/Time-of-flight_camera" target="_blank">Wikidipedia</a></span></p>
<p>이 장비는 고유의 illumination wave 를 송출하여 반사되어 나오는 파장의 시간을 계산하여 정확하게 거리를 측정할 수 있다. 고유의 주파수를 사용하기 때문에 할로겐 조명과 같은 외부광원의 영향이 거의  없는 것과 빠른 FPS  지원이  장점이다. 하지만 상대적으로 2D camera 에 비해 상당히 고가인점이 단점으로 작용한다. 이런 TOF camera 로 부터 depth 정보가 담겨져 있는 영상을 이용해 CV(computer vision) 처리를 하여 특정 제스쳐를 검출하거나 추적할 수 있다.</p>
<p>이 솔루션이 검출할 수 있는 제스쳐는 기본적으로 주먹(Rock),가위(Sissors),보(Paper) 의 형태를 기본으로 한다. 손을 이용하는 제스쳐일 경우 이 세가지 형태의 제스쳐 사인이 가장 사용자가 이용하기에 편하고 인지하기 쉽기 때문에 모든 제스쳐의 구성은 이 세가지를 기반으로 설계되었다.</p>
<p><img class="alignnone size-full wp-image-808" title="Hand-Gesture-Module" src="http://kimkijeung.com/blog/wp-content/uploads/2010/04/Hand-Gesture-Module.jpg" alt="" width="499" height="482" /><br />
처음부터 이전 버전의 문제점에 대해 파악하고 같은 문제점을 일으키지 않기 위해 다각도로 고민하고 노력했지만 어느 프로젝트와 마찬가지로 결과물 그자체로서는 참 아쉬움이 많이 남았다. 아직까지 사용자가 제스쳐로 무언가를 조절한다는 생각이 조성되지 않았을 뿐더러 아무리 센서 작동이 정밀하더라도 컴퓨터는 사람만큼 인지능력이 뛰어나진 않다. 누구나 다 아는 직관적인 제스쳐 하나를 구현할려고 하더라도 절대 그것이 생각만큼 제작이 쉽지 않을 뿐더러 단지 개발자의 룰에 갇혀 간과하는 점이 무척 많다는 점이다.</p>
<blockquote><p>사용자를 고려해 쓰기쉽게 제작하면 이 솔루션의 장점인 다양한 제스쳐를 보여줄수 없고, 그렇다고 다양한 제스쳐를 적용할려고 하니 사용자는 무엇을 어떻게 작동시켜야 할 지 모르는 상황이 반복되는 것이다.</p></blockquote>
<p>참 어려운 문제였다. 어쩌면 영원히 풀 수 없는 문제일 수도라는 생각도 들었다. 단지 재미있고 신기한것은 기술이 발전하면 만들 수가 있다. 하지만 그것이 돈이 될 수 있는냐는 질문에는 항상 머뭇거리게 만든다.</p>
<p><iframe src="http://player.vimeo.com/video/5590750?portrait=0" width="620" height="375" frameborder="0"></iframe><br />
<iframe src="http://player.vimeo.com/video/10928399" width="620" height="375" frameborder="0"></iframe>
<p><a href="http://vimeo.com/10928399">3d sensing hologram installation</a> from <a href="http://vimeo.com/user3594262">vkimone</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>2009.3 ~ 2009.7</p>
<p><strong>R&amp;D Project – 3D Sensing Hologram Installation  (J4 ver 2.0)</strong></p>
<p>Project manager : 김기정,김정헌<br />
Planning : 김정헌,양희수,김기정,김정빈<br />
Visual / UI Design : 김기정,김정빈<br />
Interaction Design : 김기정,김정빈<br />
Product Design : 박진이<br />
3D Modeling : 신백호</p>
<p><a href="http://dstrict.com/reference/view.php?order=1&amp;page=1&amp;idx=31" target="_blank">view detail</a></p>
]]></content:encoded>
			<wfw:commentRss>http://kimkijeung.com/2010/04/15/project-epilogue-3d-sensing-installation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Project epilogue : Swing H</title>
		<link>http://kimkijeung.com/2010/04/08/project-epilogue-swing-h/</link>
		<comments>http://kimkijeung.com/2010/04/08/project-epilogue-swing-h/#comments</comments>
		<pubDate>Wed, 07 Apr 2010 18:12:58 +0000</pubDate>
		<dc:creator>vkimone</dc:creator>
				<category><![CDATA[Project]]></category>
		<category><![CDATA[dstrict]]></category>
		<category><![CDATA[gesture interaction]]></category>
		<category><![CDATA[hologram]]></category>
		<category><![CDATA[j4]]></category>
		<category><![CDATA[R&D]]></category>
		<category><![CDATA[shop installation]]></category>
		<category><![CDATA[swing h]]></category>
		<category><![CDATA[wimpy]]></category>

		<guid isPermaLink="false">http://kimkijeung.com/?p=674</guid>
		<description><![CDATA[2008년 늦여름부터 시작해서 그해 연말까지 정신없이 진행했던 회사 자체 R&#38;D 프로젝트 였다. 시간이 많이 흐르긴했지만 아직도 그때의 기억은 생생하리만큼 또렷하다. 뭐하나 준비없이 시작했던 프로젝트였기에 두려움 반에 전혀새로운 무언가를 한다는 설레임과 기대감 반을 함께 한 채  그 해 하반기를 이것과 함께 했었다. 그 당시 회사(d&#8217;strict)는 본격적으로 UX 전문회사로 탈바꿈하기 위해 새로운 사업을 준비하는 중이였다. 그와중에 자체 기술없이는 [...]]]></description>
			<content:encoded><![CDATA[<p>2008년 늦여름부터 시작해서 그해 연말까지 정신없이 진행했던 회사 자체 R&amp;D 프로젝트 였다. 시간이 많이 흐르긴했지만 아직도 그때의 기억은 생생하리만큼 또렷하다. 뭐하나 준비없이 시작했던 프로젝트였기에 두려움 반에 전혀새로운 무언가를 한다는 설레임과 기대감 반을 함께 한 채  그 해 하반기를 이것과 함께 했었다.<br />
그 당시 회사(<a href="http://dstrict.com" target="_blank">d&#8217;strict</a>)는 본격적으로 UX 전문회사로 탈바꿈하기 위해 새로운 사업을 준비하는 중이였다. 그와중에 자체 기술없이는 새로운 UX도 없다는 신념아래 새로운 UX  solution 기술발굴에 온통 힘을 쏟았었다. 그때는 나를 포함한 대부분의 작업자들이 온라인 컨텐츠 제작에 익숙해져 있던터라 오프라인에서 돌아갈만한 재미난 무엇가를 생각하기가 쉽지가 않았었다. 더욱이 생소한 하드웨어를 다룰려다 보니 엄청난 시행착오를 거치지 않고서는 도저히 진행이 불가능했던 기억이 난다.</p>
<p>거의 4개월동안 정말 미친듯이 만들고 부수기를 반복하고 수많은 시행착오를 거쳐 만들어진 Swing H&#8230;결국은 단지 R&amp;D 성과물로서 의미를 부여할 수 밖에는 없었다. 상업적인 용도로는 이용하지 못했고 그럴만한 하드웨어및 소프트웨어 기술적인 완성도가 부족했었다. 그래도 나름대로 첫 R&amp;D 성과물로서 그당시에는 사람들의 눈을 한번쯤은 돌아보게 만들만한 것이였으니 개인적으로 많이 의미를 둘 수 있었다.</p>
<p><img style="margin-top: 30px; margin-bottom: 30px;" title="wimpy1_title" src="http://kimkijeung.com/blog/wp-content/uploads/2010/04/wimpy1_title.jpg" alt="" width="365" height="41" /></p>
<p>위 타이틀에서도 알 수 있듯이 이 솔루션은 hologram 과 interaction 을 결합한 매장설치물로 만들어진 것이였다. 그 당시 hologram 이라는 디스플레이는 많이 있었다. 또한, reflection 원리의 hologram 은 그리 어려운 기술은 아니였고  단순히 2D 동영상 플레이어로만 작동되는 것이 대부분의 결과물이였다. 반면 Swing H 는 hologram 의 특징을 최대한 살릴 수 있는 3D 컨텐츠로, 그것을 또한 사용자가 원하는 대로 제어할 수 있게 User interaction 을 추가한 형태로 제작이 되었다.</p>
<p style="text-align: center;"><img class="size-full wp-image-695 aligncenter" title="swing h" src="http://kimkijeung.com/blog/wp-content/uploads/2010/04/swingh-e1270659946283.png" alt="swing h" width="500" height="602" /></p>
<p>엄밀히 말하자면 완벽한 hologram 이 아니기 때문에 느껴지는 이질감을 최대한 없애기 위해  컨텐츠 뿐만아니라 여러가지 하드웨어적인 설정이 골치아팠다. 기존에 익숙한 마우스와 키보드 인터페이스에서 벗어나 제스쳐를 이용한다는 점도 미쳐 생각치도 못했던 큰 벽으로 다가왔었다. 비록 마우스 형태를 대신한 반지형태의 인터페이스 였지만 그걸 사용하는 사용자는 그 차이를 전혀 인지하지 못했고, 당황하는 경우가 적지 않아 최대한 간단한 형태로 인터랙션 모델을 수정하는걸로 개선하였었다.</p>
<p><img class="alignnone size-full wp-image-716" title="swingh-flow" src="http://kimkijeung.com/blog/wp-content/uploads/2010/04/swingh-flow.jpg" alt="" width="500" height="53" /></p>
<p>위 순서는 개략적인 컨텐츠 구동방식인데 최종결과물로서 보여지는 컨텐츠가 Flash 의 형태로 작업이 되었다. 필자의 주업무가 플래시 개발자이다보니 당연하겠지만 Flash 가 이러한 형태로까지 쓰일 수 있다는 점에 상당히 놀라웠었다.</p>
<p>개발초기에는 <a title="processing" href="http://processing.org/" target="_blank">Processing</a> 과 같은 인터랙티브 개발툴도 고려했었지만 그 당시에 Flash 만큼의 인터랙티브한 개발 편의성을 제공해 주는 툴도  없다는 판단하에 Flash 로 작업하게 되었다. 3D 오브젝트는 Maya 를 이용하여 제작한 후 Papervision3D 를 사용하여 구현하였다. 지금보면 어려운 구현이 아닐 수 있지만 2년전만해도 실무에서 사용하기란 쉽지 않았기에 그냥 만든것을 바라보는 것만으로도 기분이 좋았던 기억이 난다.</p>
<p>되돌아 보면 내가 진행했던 프로젝트중에서 가장 재미있었고 스릴넘치게 진행했던 것 같다. 마우스와 키보드에서 벗어나 새로운 인터페이스로 컨텐츠를 만든다는 것 &#8230;. 내가 늘 고민하던 것에서 벗어나 새로운 것에 눈 돌린다는 것&#8230;..이런것들이  내 가슴을 뛰게 만들었던 것 같다.</p>
<p><iframe src="http://player.vimeo.com/video/5040262?portrait=0" width="620" height="375" frameborder="0"></iframe><br />
<a href="http://vimeo.com/5040262">Swing H</a> from <a href="http://vimeo.com/user1366086">d&#8217;strict</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>2008.7 ~ 2008.11</p>
<p><strong>R&amp;D Project – Swing H (J4)<br />
</strong><br />
Project manager : 김기정<br />
Planning : 김기정,김정빈,김주희<br />
Visual / UI Design : 김기정,김정빈<br />
Interaction Design : 김기정,김정빈<br />
Product Design : 남성규<br />
3D Modeling :  전인규</p>
<p><a title="d'strict page" href="http://dstrict.com/reference/view.php?order=1&amp;page=1&amp;idx=23" target="_blank">View detail</a></p>
]]></content:encoded>
			<wfw:commentRss>http://kimkijeung.com/2010/04/08/project-epilogue-swing-h/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

