描述

當您想要對閃爍 LED 之外的光行為進行原型設計時，事情開始變得棘手。您當然可以使用一些 for 循環、數組或一系列指令對行為進行“硬編碼”；但這是一個棘手的過程，當你想探索時很難；有時你真的不知道什么看起來不錯，或者可以理解。

如果您可以將鼠標懸停在一種或多種顏色上，您會看到它在您的原型或項目中的外觀。此外，通過更快或更慢地移動，您可以看到變化和顏色過渡的外觀?，F在您還可以使用更多基于視覺的軟件，例如 Photoshop、After Effects、Figma 或 Sketch。

該項目包含兩段代碼；一個捕獲光標的當前位置并找出它指向的顏色（在處理中）。還有一個連接到 Arduino，從屏幕上獲取 RGB 顏色并將其發送到 NeoPixel(s)（當然需要進行一些調整；伺服系統和其他設備也可以通過這種方式進行控制）。

尤其是當您想將聲音體驗與燈光體驗或屏幕動畫同步時，這些示例可以提供幫助；在于默奧設計學院的聲音設計課程中，此代碼已用于進行視頻原型制作或制作體驗原型（用于用戶測試或演示）；聲音可以是 After Effects 項目的一部分，而您也可以影響燈光行為（通過操縱屏幕上的視覺效果）。

運動不僅僅是從 A 到 B 的最短路徑

使用示例：

?

這是Iris Ritsma 、Ivan Kunjasic、Ricardo Verheul和我 (Geert Roumen)對Ove的光導探索示例， 用于探索光導行為并查看哪種強度和顏色效果最佳。在這種情況下，最終體驗是根據探索和工作的體驗進行硬編碼的。

一側顯示 After Effect 界面的圖片，另一側顯示 Terra 的最終原型。

以下是Manuel Hess、Patrick Krassnitzer和Ferdinand Aichriedler在terra項目中如何使用代碼同步和控制地震警報的燈光和聲音體驗的示例。在這種情況下，最終體驗是使用筆記本電腦循環播放 After Effects 視頻，聲音可通過外部揚聲器聽到；處理草圖將其發送到包含 NeoPixel LED 的原型以展示體驗。

使其工作的步驟

獲取上述硬件（如果您沒有 NeoPixels，您可以輕松更改代碼以淡化單個 LED、RGB LED 或其他東西，但 NeoPixels 非常閃亮，非常適合這類項目）。

得到一個 Arduino，任何 Arduino 都可以，只要它使用串行連接連接到計算機。并下載Arduino (pro) IDE （或使用網絡編輯器）

下載Processing IDE （如果你還沒有的話），代碼應該可以在 Mac OSx 和 Windows 上運行，它自 2013 年以來一直在運行（AWT 機器人），所以它希望在未來繼續運行。它可能被視為間諜軟件（將來）；因為它確實會查看屏幕上發生的情況，但它不會將其發送到 Arduino 以外的任何地方。

下載或復制并粘貼代碼并將代碼上傳到 Arduino。

運行處理草圖，你應該準備好探索光......

Arduino代碼解釋

Arduino 代碼可能是最有趣的部分。因此從處理草圖中接收到三個值。r ，g和b這些可以以任何方式用于控制任何東西；例如，您可以使用analogWrite(10,r);將紅色值寫入引腳 10。您還可以控制電機的速度、伺服器的角度或在特定時刻觸發螺線管；天空才是極限。如果您更喜歡閃爍的 LED 和突然的電機運動，您現在也可以使用digitalWrite(13,r);連接到引腳 13 的 LED 將亮起，除非您將鼠標懸停在黑色上；或非紅色像素...只要記住將引腳 13 設置為輸出pinMode(13,OUTPUT);

協議是首先接收一個 S，然后讀取 RG 和 B 的字節。由于顏色值 83 也被 Arduino 視為“S”，因此這種方式并不完全防水，但這應該問題不大...

?

if(Serial.available()) {   
   if(Serial.read() == 'S') {
     //When it finds an 'S' char, it will wait untill it finds 3 other bytes
     while(!Serial.available()){}
     r = Serial.read();
     while(!Serial.available()){}
     g = Serial.read();
     while(!Serial.available()){}
     b = Serial.read();
   }
   delay(10); // some recovery time, not sure if nessecary
   for(int i=0;i

	?

	處理代碼解釋

	在處理過程中，它會在光標位置對當前像素進行一點截圖；它看不到光標本身。當然，您也可以將其更改為固定位置；如果您希望仍能使用光標。

	處理采用它可以找到的第一個串行端口；有時這是正確的，有時您需要更改它以選擇正確的串行端口。這可以通過將 更改Serial.list()[0];為類似Serial.list()[1];或Serial.list()[2];在處理草圖下方的監視器中來完成，您可以看到操作系統可以找到的不同串行端口。在 Arduino 中，您可以在窗口的右下角看到當前端口的正確名稱。

	代碼擴展

	有時您不想只發送一種顏色，而是想要更多的動畫。這可以通過同時發送更多像素來實現。兩個草圖都需要一些調整......

	一個由兩個伺服系統組成的小機器人，向你揮手告別，也是由 After Effects、Processing、Arduino 流程制作的。

	雙向原型設計

	有時您不想將屏幕上的值發送到 Arduino，但也希望使用 Arduino 影響屏幕上發生的事情。我做了幾個例子可以幫助你。

	使用 ESP32 作為鍵盤來影響計算機或智能手機上的內容。用于制作混合界面的原型，例如包含顯示器的消費產品。

	使用網絡串行從運行 Google Chrome 的筆記本電腦上的 p5 與 Arduino 來回通信。強大的原型連接或控制硬件的桌面應用程序。

	使用 ble-serial 從 p5 與 Android 設備上的 Arduino 來回通信。非常適合制作物聯網應用程序的原型。

	使用 ble 將 micro-bit 從運行 Google Chrome 的筆記本電腦連接到 p5 。非常適合代碼量較少的重度用戶，同時仍然具有 ble 的所有功能。

	?