在前面一系列的文章當中，你暸解了各種 Multitouch Table 的製作方式、瞭解了 DI (Diffused Illumination) 的製作方式、也知道了 FTIR (Frustrated Total Internal Reflection) 的製作原理、最後你竟然會自己動手製作自己的紅外光攝影機了! 看來夢想離你越來越近了，製作一個自己的多點觸控 (Multitouch) 桌面就近在咫尺了! 昨天我們談到了我們需要的材料，讓我們再回顧一下:
- 一個透明材質 (壓克力)
- 紅外光投光器 (IR Illuminator)
- 投影機 (Projector) (有讀者跟我說這個很難借到，是否可以製作多點觸控面板就好，是可以的，因此為了借不到投影機的朋友，我會解釋這一部份)
- 投影布幕 (Diffuser)
- 紅外線攝影機 (IR Camera/Webcam)
- 木材 (拿來做桌子，如果你要用別的材料也可以)
- 反光鏡 (如果要做大一點的 Table，需要把投影機的光線反射一下)
- Lee Filter (不一定要，我會解釋這樣做什麼用)
- 你的個人電腦
- TouchLib (偵測手指的軟體)
綠色的部份是我們上禮拜已經談過的，所以我們接著來談剩下的東西。
架子
你有了桌面，桌面當然不會平白出現在空中，所以你一定要有一個架子來支撐你的桌面。由於我的第一個 Prototype 買的是 30*40 cm 的小小壓克力，所以我要弄一個 Table 把它給架起來。木材的話，我家附近剛好有木材店，幾百塊就可以買一堆木材了，接下來就是工藝課了。
這就是我的一號原型，看來我工藝課修得不是很好。不過我是要用它來證明可以動作。所以，下面這是我的二號原型:
看起來比一號原型看起來帥氣多了，嗯，等我的 Table 開始開放預購的時候，我就會開始做第三號原型了 (開玩笑，我哪來這麼多時間! 不過我的確有開始考慮能夠做的像是 NUI 他們做的 Table 一樣可以到處推著走的那種)。Mr. Tomorrow 看了我的文章後，跟我說他家也有一個車庫 (他現在在美國，如果各位讀者還記得的話)，然後車庫裡面也堆滿了莫名奇妙的零件跟工具，不過都不是他的，最幸運的一件事情是他有一張大大的壓克力。
(圖片來源: Guus Knelissen)
如果是這種情形的話，那或許你也可不用做成密閉式的 Table (沒人說過 DI (Diffused Illumination) 一定要密閉的，但是密閉起來看起來會很專業，因為裡面一堆雜七雜八的零件會都被封裝起來)。你可以學學 Guus Knelissen，用兩張椅子先架起來也是可以，然後在後面軟體設定時指定作用的區域就可以了 (我稍後會介紹到)。
反射鏡
在二號原型機裡面，你會看到有個反光鏡在地上，那是要讓投影出來的畫面加大。我們都知道投影距離越長，投影出來的畫面越大。大概就是這樣子。反射竟有些注意要點，普通的鏡子是可以用，但是因為普通的鏡子的鍍面是在後面，因此光線進到玻璃裡面可能會先折射一下，這樣子可能就會在螢幕上面產生鬼影。不過，我用普通鍍面在後面的鏡子沒發生過這個問題，或許是我的審美觀不是很好。但是專業級的話，要用鍍面在前面的鏡子，這樣子就可以除去不必要的折射問題。至於去那兒買這種鍍面在前面的鏡子，或許可以問一下鏡子店的老闆。我還沒去買就是了。
Lee Filter 273 號
由於我之前一直被打光不均勻的問題困擾著，因此我在網路以及 NUI 論壇中搜尋這些相關問題，後來我在 IAD 的 Blog 看到他解決了這個問題，作者說他用了 Lee Filter, 273 Soft Silver Reflector 這個東西，把這個紙鋪在桌子內圍，就可以獲得良好的均勻光源。當然，我後來發現是我參數沒有調整好，不過 Lee Filter 273 號的確可以解決暗角的問題。不過 Lee Filter 273 號一捲要 NT 3,800，如果不是像敝人如此有想要研究的話，大可不必購買就是了。我在 IAD 的 Blog 看到他用過錫箔紙測試過，似乎不怎麼好，我還買了車子的遮陽反射紙回來揉成一團來測試過 (因為表面要不規則才會 Diffuse 地很好)，結果我發現 Lee Filter 273 號還是有它好的道理。
如果是真要這樣子設置的話，可以將燈放在底部，對內投射燈光，這樣子光可以在裡面均勻散射開來。詳細的設置可以參考 IAD 的 Blog。
個人電腦
因為電腦需要做影像處理，像是辨認你的手指頭位置，還要做程式的圖形運算，所以可以的話，電腦的等級不要用太爛的。最好有獨立顯示卡，然後有個 1 GB 以上的 RAM，CPU 的話你不要跟我說你拿 PIII 來跑就好 (搞不好還跑的動，不過我拿這麼差的等級來試過就是了)。
最後設置
最後讓我用我的二號原型來做一個解說，你可以看到投影機打出來的畫面經過反射鏡投影到背投影板上面去。然後在反射鏡的左右兩邊有兩個紅外線投光器 (IR Illuminator)，最後你的手指的反射光源會被紅外線攝影機 (IR Webcam) 所接收。這邊讓我解釋一下攝影機跟 Webcam 之間關係的設置。
假設攝影機鏡頭所能看到的範圍是綠色的部份，而投影機所打出來的範圍是藍色的部份，請務必讓你的攝影機所看到的範圍大於或是等於你投影機所打出來的範圍。因為你投影的範圍就是你的作用範圍，所以你的作用範圍裡面的手指移動一定要被你的攝影機給看到，不然超出攝影機之外，攝影機又怎麼會知到你做了些什麼事情? 所以，設置的時候，請把握這個原則。 至於紅外線投光器，要怎麼才能打的均勻，你要要自己調一下。如果你願意的話，你可以焊接自己適合的形狀。 有讀者問是否可以只製作 Multitouch 面板就好，這也可以。在這篇文章當中有介紹多點觸控 (Multitouch) 面板的簡易製作方式。 如果你要製作大型的觸控面板，原則跟上面差不多。記住，你的你的作用範圍裡面的手指移動一定要被你的攝影機給看到。所以，你可以先把你的作用範圍先用線 (黑筆) 畫出來，然後分成 12 等分，看你是要 4:3還是 16:9 的螢幕。我在下一章會解釋，為什麼你要畫成 12 等分。
TouchLib
興奮的時刻要到了，你已經把 Table 設置好了，接下來就是希望能夠把玩多點觸控 (Multitouch) 介面。這時，你要先去下載 TouchLib 回來，把它給解壓縮開來。不過光有 TouchLib 還不夠，你要去下載 Flash Player 9 以及 Visual Studio 2005 SP1 x86 redistributable package、 Java 1.6+ (Download) ，這些東西下載完後需要灌起來。安裝完成後，去解開的 TouchLib 夾子下面，有一個檔案，叫做 “Config.bat“，趕快按下去執行。如果你前面該灌的都灌了，應該是可以順利跑起來才是。這時你會看到幾個視窗如下:
(圖片來源: NUI Forum)
你應該可以在視窗裡面看到你的手了，真是有夠興奮是吧? 你可以調一些參數來調整 Webcam 所能看到的東西，簡單的來說，你要調一個參數可以把雜訊全部濾掉，只留下你的手才行。最右邊下方的視窗是最後程式會吃進去的結果。結果你可能會發現你怎麼調都不對 (或許搞不好會對，因為你光打得實在太均勻了!)，這是因為 DI (Diffuse Illumination) 打光本來就很難做到完全均勻，以及手指跟手掌的距離本來就有點近，因此手掌的部份也會被反射紅外光，可是你要的是手指，不要手掌啊! 手掌算是個干擾，該如何移除呢? 其實，這個原本的設定是給 FTIR (Frustrated Total Internal Reflection)，因此，你無論怎麼調應該都很難達到理想狀態，除非你打光打得很均勻。所以，如果你是用 DI (Diffused Illumination) 的話，你需要設定一些參數。現在把程式關掉。 找到一個夾子的名稱叫做 “TouchLib“，裡面有一個檔案，叫做 “config.xml“，把它用筆記本打開。在裡面找到一個叫做 <filtergraph> 的關鍵字，將 <filtergraph> 到 </filtergraph> 之間的東西全部刪掉，置換成下面的設定:
<filtergraph>
<dsvlcapture label=“dsvlcapture0″ />
<mono label=“mono1″ />
<backgroundremove label=“backgroundremove3″>
<threshold value=“0″ />
</backgroundremove>
<simplehighpass label=“hp”>
<blur value=“8″ />
<noise value=“2″ />
<noiseMethod value=“1″ />
</simplehighpass>
<scaler label=“sc”>
<level value=“78″ />
</scaler>
<rectify label=“rectify4″>
<level value=“78″ />
</rectify>
</filtergraph
我寫這系列的文章的目的，是讓一般人也可以設置多點觸控 (Multitouch) 桌面，所以，即使你不會寫程式，也可以完成架置，並且可以玩的很高興，這是我一開始的想法。所以，如果說上面那個叫做 “程式” (code) 的話，那這是你唯一要寫的 “程式”。
將設定置換成上面的設定之後，你再把 “Config.bat” 給執行下去，你應該可以看到上圖的視窗，跟剛剛是不是很不一樣了呢? 現在把你的手放去去，你會發現你的手指頭真是清楚的不得了，還好你先看了我的說明，少浪費了幾天在考慮怎麼把光給打均勻，不然你一定會弄到一半很想把桌子給砸了。
太好了! 如果你已經做到這一步，代表你已經離終點不遠了! 不過這篇文章到現在也有點長了，我們在下一篇再來介紹如何用這個軟體做螢幕校正，以及來玩一些有趣的軟體，我相信你不會原諒我要你再等一天，但是看在我寫了那麼多的份上，讓我先休息一下吧:)
熱門程度: 86%
相關推薦
 |
 |
 |
訂閱 UIUI 
[…] 本文同步刊載在 <UIUI> […]
有幾個問題想請問一下，
1. Multitouch 面板那個影片中似乎沒有提到紅外光的部份，箱子裡面就只有 webcam ?
2. 紅外線投光器需要左右各一嗎？是因為投光器投出的可以照到的範圍不夠大嗎？
3. 我要怎麼知道紅外線是否有打均勻呢？看的出來嗎？
謝謝您的方享。
Hi, Mars,
是的, 因為他們的 Mini Touch 是用環境光源 (Ambient Light), 所以在處理上面是剛好反過來
不過, 環境光有個缺點, 那就是你的環境光源不穩定的話, 那麼你的系統也就不穩定了, 所以, 在實做上面很少人會用環境光源. 像他們的 Mini 就只是為了強調實作上面的方便性而已.
第二個問題, 需要多少投光器, 這要看你的 Table 的大小以及你的投光器裡面的 LED 的數目來決定
如果你的投光器的 LED 數目高達 80 個, Table 也不大, 那你就只需要一個投光器就好
至少怎麼知道紅外光有沒有打均勻呢? 的確是, 你要用一下你的 IR Webcam 看一下, 不然怎麼知道有沒有均勻呢?
原來如此，目前我是打算都用跟您一樣的配置(所以連壓克立板都一樣大XD)，先做出來看看，要進版也是完成後的事吧。
對了，還有一點，之前說我們的桌子會要比較高，那大約要多高呢？是只要webcam可以把處理範圍包含在內就好了嗎？
因為還沒真的實作，所以不太確定用IR webcam 我是否可以看出光打的均不均勻@@。
大概的高度 我的第一個版本的高度是 90 cm
不過我的第二版本的高度也差不多是 90 cm
沒錯, 原則上就是 Camara 要全部吃進你要作用的範圍
如果你的作用範圍是整個面板的話
那 Camera 就要吃進所有的面板
加油囉:)
[…] 的製作原理、最後
您好，
想請問 touchlib 是單純抓取 webcam進來的資訊再分析嗎？我想說先裝起來玩玩看，拿了一個不知哪來的webcam，裝上去，並開啟 config.bat，也跑出六個視窗，但都是黑的，完全沒有影像，請問這是怎麼一回事呢？webcam是好的，因為我用它附的軟體是可以用的。
Hi,
真的嗎?
我試過了, 我的沒問題
請問你的電腦有裝其他的是視訊裝置嗎
像是電視卡之類的
如果有的話
請在 “我的電腦” 右鍵 -> “內容” -> “硬體” -> “裝置管理員” 裡的
“音效、視訊及遊戲控制器” 裡把它們給 Disable 掉
喔喔，您依說我才想起來，這台電腦本來是作為監視器主機的，我把那張卡拔掉就看的到了。謝謝。
版主您好,
謝謝您詳盡的分享, 我對使用Lee Filter, 273 Soft Silver Reflector 很有興趣, 也想買來試試看,
想請問台灣哪邊買的到呢? 我google不到說@_@
謝謝您!!
Hi, Owen,
我是在正成貿易公司買的:)
謝謝版主!
我會去買來試試看的:)
您好，
我在實作時遇到一些問題，
1. 用紅外線投光器打光後，在畫面上會有兩個點特別黑(因為反白的關係?)，在那兩個地方就感應不到。
2. 用您寫的那段 config後，整個畫面都很嘿(但是不換更糟)，手放上去也沒有反應，調整 sider bar跟光源的幫助都不大，請問該怎麼做呢？
3. 校正一直失敗，他就一直跑掉，慢慢一個個弄好後，再玩其他程式的時候，好像沒有對到點。就亂跑。
我第一次做的時候蠻順利的，就一直到校正那就卡住了，後來想說是雜訊的問題，換個位置，把燈都關掉，還是不行，後來試了很多方法，可是連一開始的手指都看不見，要不然就是沒辦法只剩手指。 Orz
Hi, Mars,
請問你的 diffuser 是描圖紙嗎?
你的描圖紙是放在面板下面還是上面呢?
Hi Mr. Monday,
我試了幾種東西，
1. 毛玻璃: 剛好在家裡找到一張小桌子，他有一面是霧狀的，用起來感覺還不錯，但就是會有兩個較亮的光點
2. 描圖紙: 這幾天下午都下大雨，沒有時間去美術社買，想到以前用的 file夾中有用來隔開兩面的紙，看起來很接近描圖紙，但整個就會黑黑的
3. 保護貼: 就是壓克力版的保護貼，本來想說也可以透光的，但後來實測發現還蠻糟的
4. 面紙: 想說用柔光罩的方式能不能一樣達到散射的功能，但還是一樣會有亮點
5. 紙: 同上
6. 投光器包裝: 買投光器有給一個防撞的棉包，試過跟上面差不多。
還有一些雜七雜八的東西，感覺最接近的是毛玻璃。
Wow, 你真是有實驗精神:)
如果你能提供一下你的裝置的照片, 我也許更能夠幫助你:)
還有 Diffuser 的材質會有很大的差別, 我的第一個 prototype 是描圖紙, 我看過洪老師的 i-m-top 他們不止在桌面下有一個 diffuser, 他們連投光器上方都用了一個 diffuser 來把光給散開來.
我的第二個 prototype 用的專業背投影板 (對不起我犯規了 :P), 所以 diffuse 的效果非常好. 因此, 我建議您有時間去買描圖紙來試一下:)
版主您好,
我打電話去, 他們說沒有現貨
請問可不可以跟你買二手的 @_@
真是不好意思阿~~
請問站長! 專業背投影板要到哪兒買呢~~感謝喔
Hi, nick,
想不到你這麼有心
想要直接購買專業的背投影板
我的背投影板是跟朋友借的, 一塊要價大概 1 萬多, 德國進口
所以, 我也不知道要去哪裡買
真是非常抱歉
你可以先用描圖紙實做
一樣可以做得出來