<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>yzucs313s951533's Blog</title>
	<atom:link href="http://yzucs313s951533.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://yzucs313s951533.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Sun, 28 Jun 2009 13:34:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='yzucs313s951533.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>yzucs313s951533's Blog</title>
		<link>http://yzucs313s951533.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://yzucs313s951533.wordpress.com/osd.xml" title="yzucs313s951533&#039;s Blog" />
	<atom:link rel='hub' href='http://yzucs313s951533.wordpress.com/?pushpress=hub'/>
		<item>
		<title>HCI Final Project: Headtracking Game</title>
		<link>http://yzucs313s951533.wordpress.com/2009/06/28/hci-final-project-headtracking-game/</link>
		<comments>http://yzucs313s951533.wordpress.com/2009/06/28/hci-final-project-headtracking-game/#comments</comments>
		<pubDate>Sun, 28 Jun 2009 05:28:20 +0000</pubDate>
		<dc:creator>yzucs313s951533</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://yzucs313s951533.wordpress.com/?p=39</guid>
		<description><![CDATA[第三人視角: 第一人視角: 使用工具： Library: Python, PyGame, PyOpenGL, OpenCV, Mac OSX API Hardware: Webcam, IR LED, 帽子, IR Filter(用玻璃紙做的) 實作方法： 將IR LED裝置再帽子的帽簷，並使用OpenCV來判斷人頭的位置。webcam前加上玻璃紙，只讓紅外線通過，達到紅外線攝影機的效果。使用物理的方式來使webcam接收到的影像單純化，可增加效率。 遊戲的界面部份使用一個OpenGL的飛行小遊戲。 進行遊戲時，不需要使用雙手。使用者只需將頭上下左右移動，便可控制飛機的飛行方向與速度。向上的同時為減速，向下為加速。 配合離心力的概念，當使用者往右傾斜時，飛機會向左轉向。 請見實際遊戲操作影片。<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yzucs313s951533.wordpress.com&amp;blog=6910561&amp;post=39&amp;subd=yzucs313s951533&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>第三人視角:</p>
<span style="text-align:center; display: block;"><a href="http://yzucs313s951533.wordpress.com/2009/06/28/hci-final-project-headtracking-game/"><img src="http://img.youtube.com/vi/i9fHj52ZnBw/2.jpg" alt="" /></a></span>
<p>第一人視角:</p>
<span style="text-align:center; display: block;"><a href="http://yzucs313s951533.wordpress.com/2009/06/28/hci-final-project-headtracking-game/"><img src="http://img.youtube.com/vi/kwl6yKyeOUc/2.jpg" alt="" /></a></span>
<p>使用工具：</p>
<p>Library: Python, PyGame, PyOpenGL, OpenCV, Mac OSX API</p>
<p>Hardware: Webcam, IR LED, 帽子, IR Filter(用玻璃紙做的)</p>
<p>實作方法：</p>
<p>將IR LED裝置再帽子的帽簷，並使用OpenCV來判斷人頭的位置。webcam前加上玻璃紙，只讓紅外線通過，達到紅外線攝影機的效果。使用物理的方式來使webcam接收到的影像單純化，可增加效率。</p>
<p>遊戲的界面部份使用一個OpenGL的飛行小遊戲。</p>
<p>進行遊戲時，不需要使用雙手。使用者只需將頭上下左右移動，便可控制飛機的飛行方向與速度。向上的同時為減速，向下為加速。</p>
<p>配合離心力的概念，當使用者往右傾斜時，飛機會向左轉向。</p>
<p>請見實際遊戲操作影片。</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yzucs313s951533.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yzucs313s951533.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yzucs313s951533.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yzucs313s951533.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yzucs313s951533.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yzucs313s951533.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yzucs313s951533.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yzucs313s951533.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yzucs313s951533.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yzucs313s951533.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yzucs313s951533.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yzucs313s951533.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yzucs313s951533.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yzucs313s951533.wordpress.com/39/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yzucs313s951533.wordpress.com&amp;blog=6910561&amp;post=39&amp;subd=yzucs313s951533&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yzucs313s951533.wordpress.com/2009/06/28/hci-final-project-headtracking-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/41fb61495f2d3bfe35c17517f780e26a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">yzucs313s951533</media:title>
		</media:content>
	</item>
		<item>
		<title>HCI Assignment4: Ivan Edard Sutherland</title>
		<link>http://yzucs313s951533.wordpress.com/2009/04/08/hci-assignment4-ivan-edard-sutherland/</link>
		<comments>http://yzucs313s951533.wordpress.com/2009/04/08/hci-assignment4-ivan-edard-sutherland/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 17:32:29 +0000</pubDate>
		<dc:creator>yzucs313s951533</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://yzucs313s951533.wordpress.com/?p=22</guid>
		<description><![CDATA[Sketchpad: A man-machine graphical communication system 951533 張 至 操作影片 http://www.archive.org/details/AlanKeyD1987 (4:20開始) Sketchpad 操作畫面 – 設定直角規則 Ivan Edward Sutherland [3] 是一位美國的電腦科學家，他在其於1988年獲得了圖林獎的研究 “Sketchpad: A man-machine graphical communication system”[1] 中所提出的許多在當初被視為是非常新興的概念，也是第一個使用電腦輔助繪圖的工具，直接的影響了當時正起步的人機互動裝置以及圖形使用者介面演進，以及開啟了 CADD (computer-aided design and drafting)[5] 領域的大門，對當代電腦無論在軟體或硬體的設計與呈現皆有著非常深遠的影響。(在這篇文章中我們所提到的”Sketchpad” 一詞並不是代表現今一般人所認知的繪圖板，而是當年 Ivan Sutherland 的 sketchpad project。) 除了創新的概念對人機互動領域的影響之外，Ivan Sutherland 在 sketchpad 軟體中所發展出或使用的一些技巧如物件導向程式設計、clipping等，也對軟體工程以及電腦圖學領域有許多的貢獻。 在硬體方面，sketchpad 在操作上使用者手持光筆，直接在顯示器上繪圖。由於我對電路較沒有研究沒有辦法太詳細的介紹，這部分在technical report[1]中有詳細的電路說明。 Sketchpad 硬體系統中的光比照片語結構圖 Ivan Sutherland 在當年所提出的硬體架構，在多點觸控技術當紅的今日看來或許並沒有什麼太特別之處，但在二十年前這確實是十分的新穎，除了硬體之外，其真正精采之處在於軟體。Sketchpad 可以被視為一個向量繪圖的軟體，使用者可以任意移動、旋轉、縮放畫面上的任一條線段。使用者甚至可以將圖形的大小放大至大於顯示器的大小，在顯示器上只顯示畫布的局部區域，來繪製細部的細節或縮小來觀看整體的樣貌。根據維基百科，sketchpad 的縮放功能也實做了最早的 [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yzucs313s951533.wordpress.com&amp;blog=6910561&amp;post=22&amp;subd=yzucs313s951533&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h3>Sketchpad:</h3>
<h3>A man-machine graphical communication system</h3>
<p><!--[if !mso]&gt; &lt;!  v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} --></p>
<p><!--[endif]--><!--[if gte mso 9]&gt;  Normal 0  0 2  false false false               MicrosoftInternetExplorer4  &lt;![endif]--><!--[if gte mso 9]&gt;   &lt;![endif]--><!--  /* Font Definitions */  @font-face 	{font-family:新細明體; 	panose-1:2 2 3 0 0 0 0 0 0 0; 	mso-font-alt:PMingLiU; 	mso-font-charset:136; 	mso-generic-font-family:roman; 	mso-font-pitch:variable; 	mso-font-signature:3 137232384 22 0 1048577 0;} @font-face 	{font-family:標楷體; 	panose-1:3 0 5 9 0 0 0 0 0 0; 	mso-font-charset:136; 	mso-generic-font-family:script; 	mso-font-pitch:fixed; 	mso-font-signature:3 137232384 22 0 1048577 0;} @font-face 	{font-family:"\@標楷體"; 	panose-1:3 0 5 9 0 0 0 0 0 0; 	mso-font-charset:136; 	mso-generic-font-family:script; 	mso-font-pitch:fixed; 	mso-font-signature:3 137232384 22 0 1048577 0;} @font-face 	{font-family:"\@新細明體"; 	panose-1:2 2 3 0 0 0 0 0 0 0; 	mso-font-charset:136; 	mso-generic-font-family:roman; 	mso-font-pitch:variable; 	mso-font-signature:3 137232384 22 0 1048577 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0cm; 	margin-bottom:.0001pt; 	mso-pagination:none; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:新細明體; 	mso-font-kerning:1.0pt; 	mso-no-proof:yes;} h1 	{mso-style-next:內文; 	margin-top:9.0pt; 	margin-right:0cm; 	margin-bottom:9.0pt; 	margin-left:0cm; 	line-height:300%; 	mso-pagination:none; 	page-break-after:avoid; 	mso-outline-level:1; 	font-size:26.0pt; 	font-family:Arial; 	mso-bidi-font-family:"Times New Roman"; 	mso-font-kerning:26.0pt; 	mso-no-proof:yes;} a:link, span.MsoHyperlink 	{color:blue; 	text-decoration:underline; 	text-underline:single;} a:visited, span.MsoHyperlinkFollowed 	{color:purple; 	text-decoration:underline; 	text-underline:single;}  /* Page Definitions */  @page 	{mso-page-border-surround-header:no; 	mso-page-border-surround-footer:no;} @page Section1 	{size:595.3pt 841.9pt; 	margin:72.0pt 90.0pt 72.0pt 90.0pt; 	mso-header-margin:42.55pt; 	mso-footer-margin:49.6pt; 	mso-paper-source:0; 	layout-grid:18.0pt;} div.Section1 	{page:Section1;} --></p>
<p><!--[if gte mso 10]&gt; &lt;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:表格內文; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0cm 5.4pt 0cm 5.4pt; 	mso-para-margin:0cm; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --></p>
<p><!--[endif]--></p>
<p class="MsoNormal"><span lang="EN-US">951533 </span><span style="font-family:標楷體;">張</span><span> </span><span style="font-family:標楷體;">至</span></p>
<p class="MsoNormal"><span style="font-family:標楷體;"><br />
</span></p>
<p class="MsoNormal"><span lang="EN-US"> </span></p>
<p class="MsoNormal"><span style="font-family:新細明體;">操作影片 <span lang="EN-US"><a href="http://www.archive.org/details/AlanKeyD1987"><span style="color:windowtext;text-decoration:none;">http://www.archive.org/details/AlanKeyD1987</span></a></span></span> (4:20開始)</p>
<p class="MsoNormal">
<p class="MsoNormal" style="text-align:center;" align="center"><span lang="EN-US"><!--[if gte vml 1]&gt;                    &lt;![endif]--><!--[if !vml]--> <img class="aligncenter size-medium wp-image-26" title="sketchpad-apple1" src="http://yzucs313s951533.files.wordpress.com/2009/04/sketchpad-apple1.jpg?w=459&#038;h=317" alt="sketchpad-apple1" width="459" height="317" /><!--[endif]--></span></p>
<p class="MsoNormal" style="text-align:center;" align="center"><span lang="EN-US">Sketchpad </span><span style="font-family:標楷體;">操作畫面</span><span> <span lang="EN-US">– </span></span><span style="font-family:標楷體;">設定直角規則</span></p>
<p class="MsoNormal" style="text-align:justify;"><span lang="EN-US"> </span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:24pt;"><span lang="EN-US">Ivan Edward Sutherland [3] </span><span style="font-family:標楷體;">是一位美國的電腦科學家，他在其於</span><span lang="EN-US">1988</span><span style="font-family:標楷體;">年獲得了圖林獎的研究</span><span lang="EN-US"> “Sketchpad: A man-machine graphical communication system”[1] </span><span style="font-family:標楷體;">中所提出的許多在當初被視為是非常新興的概念，也是第一個使用電腦輔助繪圖的工具，直接的影響了當時正起步的人機互動裝置以及圖形使用者介面演進，以及開啟了</span><span lang="EN-US"> CADD (</span><span lang="EN-US">computer-aided design and drafting)[5]</span><span lang="EN-US"> </span><span style="font-family:標楷體;">領域的大門，對當代電腦無論在軟體或硬體的設計與呈現皆有著非常深遠的影響。</span><span lang="EN-US">(</span><span style="font-family:標楷體;">在這篇文章中我們所提到的</span><span lang="EN-US">”Sketchpad” </span><span style="font-family:標楷體;">一詞並不是代表現今一般人所認知的繪圖板，而是當年</span><span lang="EN-US"> Ivan Sutherland </span><span style="font-family:標楷體;">的</span><span lang="EN-US"> sketchpad project</span><span style="font-family:標楷體;">。</span><span lang="EN-US">) </span><span style="font-family:標楷體;">除了創新的概念對人機互動領域的影響之外，</span><span lang="EN-US">Ivan Sutherland </span><span style="font-family:標楷體;">在</span><span> <span lang="EN-US">sketchpad </span></span><span style="font-family:標楷體;">軟體中所發展出或使用的一些技巧如物件導向程式設計、</span><span lang="EN-US">clipping</span><span style="font-family:標楷體;">等，也對軟體工程以及電腦圖學領域有許多的貢獻。</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:24pt;"><span lang="EN-US"> </span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:24pt;"><span style="font-family:標楷體;">在硬體方面，</span><span lang="EN-US">sketchpad </span><span style="font-family:標楷體;">在操作上使用者手持光筆，直接在顯示器上繪圖。由於我對電路較沒有研究沒有辦法太詳細的介紹，這部分在</span><span lang="EN-US">technical report[1]</span><span style="font-family:標楷體;">中有詳細的電路說明。</span></p>
<p class="MsoNormal" style="text-align:center;text-indent:24pt;"><span lang="EN-US"><!--[if gte vml 1]&gt;  &lt;![endif]--><!--[if !vml]--><img class="aligncenter size-medium wp-image-27" title="pen" src="http://yzucs313s951533.files.wordpress.com/2009/04/pen.jpg?w=564&#038;h=232" alt="pen" width="564" height="232" /><!--[endif]--></span></p>
<p class="MsoNormal" style="text-align:center;text-indent:24pt;" align="center"><span lang="EN-US">Sketchpad </span><span style="font-family:標楷體;">硬體系統中的光比照片語結構圖</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:24pt;"><span lang="EN-US"> </span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:24pt;"><span lang="EN-US">Ivan Sutherland </span><span style="font-family:標楷體;">在當年所提出的硬體架構，在多點觸控技術當紅的今日看來或許並沒有什麼太特別之處，但在二十年前這確實是十分的新穎，除了硬體之外，其真正精采之處在於軟體。</span><span lang="EN-US">Sketchpad </span><span style="font-family:標楷體;">可以被視為一個向量繪圖的軟體，使用者可以任意移動、旋轉、縮放畫面上的任一條線段。使用者甚至可以將圖形的大小放大至大於顯示器的大小，在顯示器上只顯示畫布的局部區域，來繪製細部的細節或縮小來觀看整體的樣貌。根據維基百科，</span><span lang="EN-US">sketchpad </span><span style="font-family:標楷體;">的縮放功能也實做了最早的</span><span lang="EN-US"> clipping[4] </span><span style="font-family:標楷體;">演算法。</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:24pt;"><span lang="EN-US"> </span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:24pt;"><span lang="EN-US">Sketchpad</span><span style="font-family:標楷體;">相連的線條視為一組</span><span lang="EN-US">object</span><span style="font-family:標楷體;">。如同對線段一般，你可以一次任意的移動、旋轉、縮放一整組的物件。你也可以將線段切開，使得一個物件一分為兩個物件。你也可以將一個物件複製多次產生多份複製體，當你修改了一物件的結構，畫面上所有該物件的複製體的結構也將隨之改變，無論其大小、位置。這樣的特性也被視為在電腦科學中最早物件導向程式設計意念。</span></p>
<p class="MsoNormal" style="text-align:justify;text-indent:24pt;"><span lang="EN-US"> </span></p>
<p class="MsoNormal" style="margin-top:12pt;text-align:justify;text-indent:24pt;"><span style="font-family:標楷體;">除了物件導向的概念之外，</span><span lang="EN-US">sketchpad </span><span style="font-family:標楷體;">最神奇與創新的地方在於可以設定線條之間的相依規則。例如在畫弧時，你可以設定</span><span lang="EN-US">1. </span><span style="font-family:標楷體;">弧的圓心在</span><span lang="EN-US">A</span><span style="font-family:標楷體;">、</span><span lang="EN-US">B</span><span style="font-family:標楷體;">線段的交叉點</span><span lang="EN-US"> 2. </span><span style="font-family:標楷體;">弧起始於</span><span lang="EN-US"> C</span><span style="font-family:標楷體;">線段的一端，並接著使用光筆隨意的畫出接近弧的路徑，系統便會畫出完美的弧線。在處理線段時，你也可以任意的設定兩條隨意畫出的線段是互相平行的，或是任意的幾條線段是直角的，系統便會自動的移動、旋轉這些被設定的線段來滿足設定的規則。更進一步的，在規則被設定之後，每次移動、選轉現有的線段後，電腦變會自動的再次調整以滿足所有設定的條件。規則的設定用中文敘述起來較為複雜，可以觀看中的影片介紹</span><span lang="EN-US">(4</span><span style="font-family:標楷體;">分</span><span lang="EN-US">26</span><span style="font-family:標楷體;">秒開始</span><span lang="EN-US">)</span><span style="font-family:標楷體;">，會很容易了解實際操作的樣貌。</span></p>
<p class="MsoNormal" style="margin-top:12pt;text-align:center;"><span lang="EN-US"><!--[if gte vml 1]&gt;  &lt;![endif]--><!--[if !vml]--><img class="aligncenter size-medium wp-image-28" title="path" src="http://yzucs313s951533.files.wordpress.com/2009/04/path.jpg?w=649&#038;h=275" alt="path" width="649" height="275" /><!--[endif]--></span></p>
<p class="MsoNormal" style="margin-top:12pt;text-align:center;" align="center"><span style="font-family:標楷體;">使用</span><span lang="EN-US"> sketchpad </span><span style="font-family:標楷體;">畫圓與直線</span></p>
<p class="MsoNormal" style="margin-top:12pt;text-align:center;" align="center"><span lang="EN-US"> </span></p>
<p class="MsoNormal" style="margin-top:12pt;text-align:justify;text-indent:24pt;"><span style="font-family:標楷體;">在</span><span lang="EN-US"> sketchpad </span><span style="font-family:標楷體;">的介紹影片中，我們可以發現現代許多專業向量繪圖軟體中的許多功能也有著當年</span><span lang="EN-US"> sketchpad </span><span style="font-family:標楷體;">的影子。甚至當年許多</span><span lang="EN-US"> sketchpad </span><span style="font-family:標楷體;">實做的功能，在現代的許多向量繪圖軟體中是看不到的。從</span><span lang="EN-US"> sketchpad </span><span style="font-family:標楷體;">這項計畫中我們看到了資工領域裡許多人機互動與設計模型的起源</span><span lang="EN-US">(</span><span style="font-family:標楷體;">如物件導向程式設計、</span><span lang="EN-US">clipping(</span><span style="font-family:標楷體;">圖學</span><span lang="EN-US">)</span><span style="font-family:標楷體;">、觸控界面、繪圖板等等</span><span lang="EN-US">)</span><span style="font-family:標楷體;">，以及我們每天操作電腦的方式也大大的受到其所影響。不得不說</span><span lang="EN-US"> Ivan Edward Sutherland </span><span style="font-family:標楷體;">是在人機互動領域的先驅者，也是資訊工程的天才。</span></p>
<p class="MsoNormal" style="text-align:justify;"><span lang="EN-US"> </span></p>
<p class="MsoNormal" style="text-align:justify;"><span lang="EN-US"> </span></p>
<p class="MsoNormal"><span style="font-family:新細明體;">參考資料<span lang="EN-US">:</span></span></p>
<p class="MsoNormal"><span style="font-family:新細明體;" lang="EN-US">[1] Technical Report, <a href="http://www.cl.cam.ac.uk/techreports/UCAM-CL-TR-574.pdf"><span style="color:windowtext;text-decoration:none;">http://www.cl.cam.ac.uk/techreports/UCAM-CL-TR-574.pdf</span></a></span></p>
<p class="MsoNormal"><span style="font-family:新細明體;" lang="EN-US">[2] </span><span style="font-family:新細明體;">影片介紹<span lang="EN-US">, <a href="http://www.archive.org/details/AlanKeyD1987"><span style="color:windowtext;text-decoration:none;">http://www.archive.org/details/AlanKeyD1987</span></a></span></span></p>
<p class="MsoNormal" style="text-align:justify;"><span style="font-family:新細明體;" lang="EN-US">[3] Ivan Sutherland, <a href="http://en.wikipedia.org/wiki/Ivan_Sutherland"><span style="color:windowtext;text-decoration:none;">http://en.wikipedia.org/wiki/Ivan_Sutherland</span></a></span></p>
<p class="MsoNormal" style="text-align:justify;"><span style="font-family:新細明體;" lang="EN-US">[4] Clipping, <a href="http://en.wikipedia.org/wiki/Clipping_%28computer_graphics%29"><span style="color:windowtext;text-decoration:none;">http://en.wikipedia.org/wiki/Clipping_(computer_graphics)</span></a></span></p>
<p class="MsoNormal"><span style="font-family:新細明體;" lang="EN-US">[5] CADD, http://en.wikipedia.org/wiki/Computer-aided_drafting</span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yzucs313s951533.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yzucs313s951533.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yzucs313s951533.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yzucs313s951533.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yzucs313s951533.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yzucs313s951533.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yzucs313s951533.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yzucs313s951533.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yzucs313s951533.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yzucs313s951533.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yzucs313s951533.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yzucs313s951533.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yzucs313s951533.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yzucs313s951533.wordpress.com/22/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yzucs313s951533.wordpress.com&amp;blog=6910561&amp;post=22&amp;subd=yzucs313s951533&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yzucs313s951533.wordpress.com/2009/04/08/hci-assignment4-ivan-edard-sutherland/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/41fb61495f2d3bfe35c17517f780e26a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">yzucs313s951533</media:title>
		</media:content>

		<media:content url="http://yzucs313s951533.files.wordpress.com/2009/04/sketchpad-apple1.jpg?w=300" medium="image">
			<media:title type="html">sketchpad-apple1</media:title>
		</media:content>

		<media:content url="http://yzucs313s951533.files.wordpress.com/2009/04/pen.jpg?w=300" medium="image">
			<media:title type="html">pen</media:title>
		</media:content>

		<media:content url="http://yzucs313s951533.files.wordpress.com/2009/04/path.jpg?w=300" medium="image">
			<media:title type="html">path</media:title>
		</media:content>
	</item>
		<item>
		<title>Assignment#2: HCI系統介紹-Headtracking</title>
		<link>http://yzucs313s951533.wordpress.com/2009/03/19/assignment2-hci%e7%b3%bb%e7%b5%b1%e4%bb%8b%e7%b4%b9-headtracking/</link>
		<comments>http://yzucs313s951533.wordpress.com/2009/03/19/assignment2-hci%e7%b3%bb%e7%b5%b1%e4%bb%8b%e7%b4%b9-headtracking/#comments</comments>
		<pubDate>Thu, 19 Mar 2009 12:28:45 +0000</pubDate>
		<dc:creator>yzucs313s951533</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://yzucs313s951533.wordpress.com/?p=3</guid>
		<description><![CDATA[Wiimote  主要是由一個 IR 攝影機以及簡單的計算邏輯單元以及 3D motion sensors and accelorameter；Wii-Sensorbar 則是單純的由位於左右端的兩群 IR LED 組成。兩者的搭配使得 Wiimote 可以依照攝影機的成像計算出其與 sensorbar 的 3D 相對位置。這樣的特性使得 wii 推出後，wiimote 搭配 wii-sensorbar 或是其他 diy ir-led 器材被大量的被使用於人機互動領域的各種應用中。 在 wiimote 的各種應用中，最有名的應用之一為 Johnny Chung Lee[1] 所提出的 &#8220;Head Tracking for Desktop VR Displays using the Wii Remote&#8221;[2]。Johhny Chung Lee 將 Wiimote 固定在 display 的下方，並且製作了兩端有廣角 IR LED 的眼鏡，運作時使用者面向螢幕，自由的前後、上下、左右移動；這樣的硬體配置，程式便可以透過 wiimote [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yzucs313s951533.wordpress.com&amp;blog=6910561&amp;post=3&amp;subd=yzucs313s951533&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Wiimote  主要是由一個 IR 攝影機以及簡單的計算邏輯單元以及 3D motion sensors and accelorameter；Wii-Sensorbar 則是單純的由位於左右端的兩群 IR LED 組成。兩者的搭配使得 Wiimote 可以依照攝影機的成像計算出其與 sensorbar 的 3D 相對位置。這樣的特性使得 wii 推出後，wiimote 搭配 wii-sensorbar 或是其他 diy ir-led 器材被大量的被使用於人機互動領域的各種應用中。</p>
<p>在 wiimote 的各種應用中，最有名的應用之一為 Johnny Chung Lee[1] 所提出的 &#8220;Head Tracking for Desktop VR Displays using the Wii Remote&#8221;[2]。Johhny Chung Lee 將 Wiimote 固定在 display 的下方，並且製作了兩端有廣角 IR LED 的眼鏡，運作時使用者面向螢幕，自由的前後、上下、左右移動；這樣的硬體配置，程式便可以透過 wiimote 得知人眼與螢幕的上下、左右相對位置，並從兩個 IR LED 在攝影成像上的距離得知人眼與螢幕的距離。由以下影片我們可以看出依照這些資訊並且搭配了適當的運算後的 rendering 結果。</p>
<span style="text-align:center; display: block;"><a href="http://yzucs313s951533.wordpress.com/2009/03/19/assignment2-hci%e7%b3%bb%e7%b5%b1%e4%bb%8b%e7%b4%b9-headtracking/"><img src="http://img.youtube.com/vi/Jd3-eiid-Uw/2.jpg" alt="" /></a></span>
<p>在真實世界中的窗戶，人眼與窗戶的相對位置將會影響到人眼所能看到的視野（如下圖)，<br />
<a title="Flickr 上 bizkit@tw 的 Picture 1" href="http://www.flickr.com/photos/bizkit/3367119005/"><img src="http://farm4.static.flickr.com/3622/3367119005_a68a3f49b3.jpg" alt="Picture 1" width="500" height="372" /></a><a title="Flickr 上 bizkit@tw 的 Picture 2" href="http://www.flickr.com/photos/bizkit/3367942500/"><img src="http://farm4.static.flickr.com/3451/3367942500_076b4186d9.jpg" alt="Picture 2" width="500" height="342" /></a></p>
<p>Head Tracking 的技巧便從這個簡單的原理出發，試圖在 display 上 render 出模擬真實世界窗戶的表現，以達到使用平面顯示器產生立體成像的錯覺（影片中後半段球場視野的demo)。從影片中前半段的demo中我們可以看出，Johnny Chung Lee更近一步的將display中render的物件的位置設定Z軸 (穿過display方向) 可超出display平面，產生了物件浮動出 display 的假象，達到了更誇張立體錯覺。</p>
<p>雖然 wiimote 能夠一次對多組的 IR LED 做 tracking ，但一個 display 始終只能 render 出一個人的視野。因此，在這樣的架構下，一個 display 同時始終只能支援一個使用者。如果需要對多個使用者做 VR display 便需要一次使用多個 display 。這也是目前 head tracking 最大的限制。</p>
<p>在實做的部份，Johnny Chung Lee使用了微軟的C#.net[3]與DirectX[4]等技術來做座標的計算與3D顯示的rendering，並且使用了[5]網頁中的wiimote library來與wiimote溝通。</p>
<p><span style="text-align:center; display: block;"><a href="http://yzucs313s951533.wordpress.com/2009/03/19/assignment2-hci%e7%b3%bb%e7%b5%b1%e4%bb%8b%e7%b4%b9-headtracking/"><img src="http://img.youtube.com/vi/YURdunvmSHA/2.jpg" alt="" /></a></span>　<span style="text-align:center; display: block;"><a href="http://yzucs313s951533.wordpress.com/2009/03/19/assignment2-hci%e7%b3%bb%e7%b5%b1%e4%bb%8b%e7%b4%b9-headtracking/"><img src="http://img.youtube.com/vi/yHzONfEKwGc/2.jpg" alt="" /></a></span></p>
<p>由於沒有實際 trace 過 Johnny Chung Lee 的程式，網頁上也沒有太多的細節，在上學期修電腦圖學課程[6]時的期末專題[7]中我也依照這樣的原理使用了 OpenGL[8] 與 OpenCV[9] 等 library 實做了簡單的 head tracking (demo 影片如上)，接下來便以自己寫過的 head tracking project 來介紹 head tracking 技術較細節的實做過程。</p>
<p>由於沒有wiimote可以使用，在硬體方面以一般的網路攝影機來代替wiimote。一開始使用OpenCV做 face regonition並使用辨識到的五官大小來判定使用者與螢幕的距離，使用這樣的技巧使用者可以不必帶上特殊的眼鏡很自然的走到 display 面前便可以體驗VR display。但由於電腦運算速度(macbook)的不足，辨識的動作造成了太大的 loading，造成 rendering 失去了 realtime。為了達到 realtime rendering，與Jonny Chung Lee採用了類似的模式，將兩群IR LED設置於一頂帽子帽簷的兩端，使用玻璃紙當IR Filter，在使用OpenCV做tracking ，如此一來便可以勉強在沒有獨立顯示卡的macbook上達到realtime rendering。(如下圖)<br />
<a title="Flickr 上 bizkit@tw 的 Picture 5" href="http://www.flickr.com/photos/bizkit/3367119247/"><img src="http://farm4.static.flickr.com/3553/3367119247_a1e2ab7e9e.jpg" alt="Picture 5" width="500" height="374" /></a> Face regonition</p>
<p><a title="Flickr 上 bizkit@tw 的 Picture 3" href="http://www.flickr.com/photos/bizkit/3367119117/"><img src="http://farm4.static.flickr.com/3617/3367119117_73391b693a.jpg" alt="Picture 3" width="500" height="311" /></a>IR LED tracking</p>
<p>硬體規格如下：</p>
<blockquote><p>LED距離: 12.25cm<br />
螢幕寬: 29cm<br />
螢幕高: 18cm</p></blockquote>
<p>在 OpenGL rendering 與座標軸的設定如下：</p>
<blockquote><p>camera坐標: 人眼位置<br />
螢幕中心: (0,0,20)<br />
近投影屏(near):1</p></blockquote>
<p>根據以上規格再搭配了推導出的公式(如下)，並依照公式使用 OpenGL 做非對稱的投影，便形成了影片中的效果。可以發現由於沒有 wiimote 來幫忙計算，使用 OpenCV 依然對 rendering 造成了一些 delay 的情況。另外，Johnny Chung Lee 很聰明的選擇了較大的 display 與遠小於螢幕的 objects 來 render；再搭配背景的輔助線形成了非常成功的錯覺，是我的實做版本所沒有考慮到的。以上兩種原因(1. 硬體的不足 2. 使用了大於螢幕的物件)導致我的實做版本效果並沒有如預期顯著。<br />
<a title="Flickr 上 bizkit@tw 的 Picture 4" href="http://www.flickr.com/photos/bizkit/3367942230/"><img src="http://farm4.static.flickr.com/3435/3367942230_0f10d17242.jpg" alt="Picture 4" width="500" height="309" /></a></p>
<p>References:</p>
<blockquote><p>[1] http://johnnylee.net/<br />
[2] http://johnnylee.net/projects/wii/<br />
[3] http://msdn.microsoft.com/en-us/vcsharp/<br />
[4] http://msdn.microsoft.com/en-us/directx/<br />
[5] http://blogs.msdn.com/coding4fun/archive -<br />
/2007/03/14/1879033.aspx<br />
[6] http://yzucsecg.blogspot.com/<br />
[7] http://bizkit4cg.wordpress.com/<br />
[8] http://www.opengl.org/<br />
[9] http://sourceforge.net/projects/opencvlibrary</p></blockquote>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yzucs313s951533.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yzucs313s951533.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yzucs313s951533.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yzucs313s951533.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yzucs313s951533.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yzucs313s951533.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yzucs313s951533.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yzucs313s951533.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yzucs313s951533.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yzucs313s951533.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yzucs313s951533.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yzucs313s951533.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yzucs313s951533.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yzucs313s951533.wordpress.com/3/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yzucs313s951533.wordpress.com&amp;blog=6910561&amp;post=3&amp;subd=yzucs313s951533&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yzucs313s951533.wordpress.com/2009/03/19/assignment2-hci%e7%b3%bb%e7%b5%b1%e4%bb%8b%e7%b4%b9-headtracking/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/41fb61495f2d3bfe35c17517f780e26a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">yzucs313s951533</media:title>
		</media:content>

		<media:content url="http://farm4.static.flickr.com/3622/3367119005_a68a3f49b3.jpg" medium="image">
			<media:title type="html">Picture 1</media:title>
		</media:content>

		<media:content url="http://farm4.static.flickr.com/3451/3367942500_076b4186d9.jpg" medium="image">
			<media:title type="html">Picture 2</media:title>
		</media:content>

		<media:content url="http://farm4.static.flickr.com/3553/3367119247_a1e2ab7e9e.jpg" medium="image">
			<media:title type="html">Picture 5</media:title>
		</media:content>

		<media:content url="http://farm4.static.flickr.com/3617/3367119117_73391b693a.jpg" medium="image">
			<media:title type="html">Picture 3</media:title>
		</media:content>

		<media:content url="http://farm4.static.flickr.com/3435/3367942230_0f10d17242.jpg" medium="image">
			<media:title type="html">Picture 4</media:title>
		</media:content>
	</item>
		<item>
		<title>Hello world!</title>
		<link>http://yzucs313s951533.wordpress.com/2009/03/11/hello-world/</link>
		<comments>http://yzucs313s951533.wordpress.com/2009/03/11/hello-world/#comments</comments>
		<pubDate>Wed, 11 Mar 2009 06:06:12 +0000</pubDate>
		<dc:creator>yzucs313s951533</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yzucs313s951533.wordpress.com&amp;blog=6910561&amp;post=1&amp;subd=yzucs313s951533&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Welcome to <a href="http://wordpress.com/">WordPress.com</a>. This is your first post. Edit or delete it and start blogging!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yzucs313s951533.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yzucs313s951533.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yzucs313s951533.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yzucs313s951533.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yzucs313s951533.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yzucs313s951533.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yzucs313s951533.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yzucs313s951533.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yzucs313s951533.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yzucs313s951533.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yzucs313s951533.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yzucs313s951533.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yzucs313s951533.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yzucs313s951533.wordpress.com/1/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yzucs313s951533.wordpress.com&amp;blog=6910561&amp;post=1&amp;subd=yzucs313s951533&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yzucs313s951533.wordpress.com/2009/03/11/hello-world/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/41fb61495f2d3bfe35c17517f780e26a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">yzucs313s951533</media:title>
		</media:content>
	</item>
	</channel>
</rss>
