用電子塗料 與 Pi Cap 來玩互動裝置。

IMG_3993_1000x5001-720x415.jpg

在這個教學中你將可以獲得使用無線 WIFI 的靈感,在這個專案教學中我們使用 Pi Cap 版,可以透過無線網路 WiFi 來進行訊號的連接,其中我們使用 MadMapper 來做互動投影的連接軟體。你可以在這裡下載 Madmapper 的連接檔案,當然你還需要ㄧ台投影機。Pi Zero W 是ㄧ個樹莓派的板子,該板子雖小它確擁有無限 WIFI 的整合工具。

這次讓我們來使用Pi Cap來玩互動投影吧!首先你需要先準備好以下幾樣材料:

materials_projection_mapping_pi_cap-480x360.jpg

Pi Cap
Electric Paint 50ml
Electric Paint 10ml

projector
laptop running MadMapper and Processing

(optional)
copper tape


IMG_1042_PiCap_RaspPiZero-480x360.png

Step 1

如果您是第一次使用Pi Cap,我們建議您先參考 set-up your Pi Cap with a Raspberry Pi Zero first.的教學,並完成通過SSH連接Pi Zero到我們筆記型電腦的工作,之後便能進行無線設置。

此外,該項目需要使用到OSC與Pi Cap。您可以參考Pi Cap + Grapher的教學。


Step 2

觸摸的命令將透功過OSC發送到Processing,然後送到MadMapper以觸發兩個動畫。點擊此處下載兩個示例動畫。確保將“循環影片”設置更改為“將影片播放到循環結束並暫停”,以便動畫只播放一次。如果您願意,可以立即將投影機連接到筆記本電腦,並通過進入“全屏模式”來投影動畫。

Step 3

現在您需要下載從Pi Cap接收OSC訊號的腳本,並將另一個OSC訊號發送給MadMapper。你可以在這裡.下載這個腳本。要將我們的Pi Cap和MadMapper連接程式碼添加到Processing,需要將picap_madmapper文件夾移動到Processing Sketchbook文件夾。這對每個操作系統都會有所不同:

Windows

Libraries/Documents/Processing or My Documents/Processing

Mac

Documents/Processing

Linux (Ubuntu)

Home/Processing

如果你的電腦裡沒有這個資料夾的話,你必須自己新增一個。

在你的Pi上,運行其中一個“picap-datastream-osc”程式碼,包含你筆電的hostname。在Processing中點擊執行按鈕。當你觸摸電極0或1時,它應該會在MadMapper中播放相應的動畫。

Step 4

現在我們需要決定我們想要投影動畫的位置。我們使用了一些能夠貼在牆上的彩繪紙板。您可以選擇使用膠合板,空白畫布或直接塗在牆上。

接下來,我們需要使用Electric Paint繪製圖形以開始動畫。您可以用手繪製圖形,或使用模板或絲網印刷。在這種情況下,我們只需手工繪製一個圓形和方形。
 
IMG_3369_1000x500-480x360.jpg

Step 5

接下來,我們需要使用Electric Paint繪製圖形以開始動畫。您可以用手繪製圖形,或使用模板或絲網印刷。在這種情況下,我們只需手工繪製一個圓形和方形。
下一步是將圖形連接到Pi Cap。 Pi Zero與Raspberry Pi相比具有優勢,因為它非常小巧。因此,您可以將我們的Pi Cap電極直接連接到您的安裝項目上!

首先,關閉Pi Zero並拔下插頭。如果您使用的材料可以使用它後面的表面,例如使用膠合板或紙板,則可以通過材料連接到Pi帽。比如以鑽一個洞,然後使用螺絲或一些電纜。

然後,要連接電極,您可以使用任何導電材料,例如電線,銅帶或電子塗料。我們使用銅帶,並添加了一些電漆來獲得牢固的連接。然後我們將Pi帽冷焊到磁帶上。要全面了解如何連接到傳感器,請看看這裡

Step 6

油漆乾燥後,將Pi Zero連接至電源並運行OSC代碼。然後,將投影機連接到筆電並執行Processing程式碼。觸摸油漆並觀看動畫展開!

 


 

Step 6

如果您查看程式碼,您可以找到“mediasList [0] =”bubble_animation.mp4“;”和“mediasList [1] =”bubble_animation.mp4“;”行。方括號內的數字對應於被觸摸的電極,例如當觸摸電極0時,MadMapper將播放“bubble_animation.mp4”。如果您想使用自己的動畫,則需要更改Processing中的名稱。因此,如果你想包含“animation1.mp4”,你需要在處理中包含這個文件名,例如“mediasList [0] =”animation1.mp4“;”。
 

Step 6

如果觸摸Electric Paint不能順利地觸發動畫。可能是因為Electric Paint和Pi Cap之間的距離太長。因此,你可以嘗試改變Pi Cap電極的靈敏度,你可以參考這裡並改善你的裝置。
 

 
 

Simp4Live 專欄作者介紹


更多互動服務 Interactive Projection

 

更多光雕秀技術文章 Projection Mapping