描述

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

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

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

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

運(yùn)動(dòng)不僅僅是從 A 到 B 的最短路徑

使用示例：

?

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

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

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

使其工作的步驟

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

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

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

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

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

Arduino代碼解釋

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

協(xié)議是首先接收一個(gè) 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

	?

	處理代碼解釋

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

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

	代碼擴(kuò)展

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

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

	雙向原型設(shè)計(jì)

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

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

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

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

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

	?