從Pixel到NeoPixel

描述

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

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

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

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

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

使用示例：

?

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

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

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

使其工作的步驟

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

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

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

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

運行處理草圖，你應(yīng)該準(zhǔn)備好探索光......

Arduino代碼解釋

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

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

?

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

	?

	處理代碼解釋

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

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

	代碼擴展

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

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

	雙向原型設(shè)計

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

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

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

	使用 ble-serial 從 p5 與 Android 設(shè)備上的 Arduino 來回通信。非常適合制作物聯(lián)網(wǎng)應(yīng)用程序的原型。

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

	?