Simp4live Records 光雕秀 & 音樂品牌

View Original

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

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

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

Pi Cap
Electric Paint 50ml
Electric Paint 10ml

projector
laptop running MadMapper and Processing

(optional)
copper tape


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繪製圖形以開始動畫。您可以用手繪製圖形,或使用模板或絲網印刷。在這種情況下,我們只需手工繪製一個圓形和方形。

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 專欄作者介紹

See this gallery in the original post

更多互動服務 Interactive Projection

See this gallery in the original post

更多光雕秀技術文章 Projection Mapping

See this gallery in the original post