86 views
<h4 class="" id="回到-Webduino-GPT 使用手冊"><a class="anchor hidden-xs" href="#回到-Webduino-GPT 使用手冊" title="回到-Webduino-GPT 使用手冊" smoothhashscroll=""><i class="fa fa-link"></i></a>回到 <a href="https://md.webduino.io/s/Fzh6vAPjY" target="_self" rel="noopener"><code>Webduino-GPT 使用手冊</code></a></h4> Web:Bit 開發板指令關鍵字 ====== 使用前請進行[韌體更新](https://chat.webduino.io/prod/v1.html)，燒錄 Web:Bit V1 專用韌體 。 ![](/uploads/upload_292feeaff927b887bba0e0735226e5af.png) ## Web:Bit 全彩 LED 矩陣 Web:Bit 開發板的正中央內嵌了 25 顆全彩 LED 所組成的矩陣，每個 LED 都可透過紅、綠、藍三種顏色進行混合產生各種不同顏色，透過不同位置的燈號與顏色搭配顯示，就能呈現各種圖案造型。 ### LED 燈編號 Web:Bit 全彩 LED 矩陣有 25 顆燈，右上角是第 1 顆燈，由上到下、由右到左，所以第 25 顆燈在最左邊的最下方。 ### LED 燈亮度 每顆燈的亮度值是 0 ~ 100 ( 0：滅；100：最亮 )。 ### LED 燈顏色 每顆燈由紅 ( R )、綠( G )、藍 ( B ) 三原色組成。可使用顏色名 ( 例如：紅色、黃色、藍色)指定顏色，或用 RGB 值表示 ( 例如：(0, 100, 100) 是青色 )。 **範例 控制單顆燈** <a href='https://chat.webduino.io/test/index.html?prompt=-%E7%AC%AC1%E9%A1%86%E7%87%88%E9%A1%AF%E7%A4%BA%E7%B4%85%E8%89%B2%2C%E4%BA%AE%E5%BA%A6%E6%98%AF100%0A-%E7%AC%AC1%E9%A1%86%E7%87%88%E9%A1%AF%E7%A4%BA%E7%B4%85%E8%89%B2%2C%E6%95%B8%E5%80%BC100%0A-%E7%AC%AC25%E9%A1%86%E7%87%88%E9%A1%AF%E7%A4%BA%E7%B4%AB%E8%89%B2%2C%E6%95%B8%E5%80%BC50%0A-%E7%AC%AC10%E9%A1%86%E7%87%88%E9%A1%AF%E7%A4%BA(%E7%B4%85%E8%89%B230%2C%E7%B6%A0%E8%89%B250%2C%E8%97%8D%E8%89%B20)&actor=wbitv1'> <div style="background-image:url('https://md.webduino.io/uploads/upload_2c52b2f75d8a877017127ee6f4fd624c.png'); background-repeat: no-repeat; background-size: cover; display:inline-block; padding:10px;width:731px;height:121px"> -第1顆燈顯示紅色,亮度是100<br> -第1顆燈顯示紅色,數值100<br> -第25顆燈顯示紫色,數值50<br> -第10顆燈顯示(紅色30,綠色50,藍色0) </div></a><br><br> **範例 控制全部的燈** <a href='https://chat.webduino.io/test/index.html?prompt=-%E5%85%A8%E9%83%A8%E9%A1%AF%E7%A4%BA%E7%B4%85%E8%89%B240%0A-%E5%96%AE%E6%95%B8%E7%87%88%E9%A1%AF%E7%A4%BA%E8%97%8D%E8%89%B220%2C%E9%9B%99%E6%95%B8%E7%87%88%E9%A1%AF%E7%A4%BA%E7%B6%A0%E8%89%B240%0A-%E9%BB%9E%E4%BA%AE%E5%85%A8%E9%83%A8%E7%9A%84%E7%87%88%2C%E6%AF%8F%E9%A1%86%E7%87%88%E9%83%BD%E6%98%AF%E9%9A%A8%E6%A9%9F%E7%9A%84%E9%A1%8F%E8%89%B2%2C%E9%BB%9E%E4%BA%AE%E5%BE%8C%E4%B8%8D%E8%A6%81%E9%97%9C%E7%87%88&actor=wbitv1'> <div style="background-image:url('https://md.webduino.io/uploads/upload_2c52b2f75d8a877017127ee6f4fd624c.png'); background-repeat: no-repeat; background-size: cover; display:inline-block; padding:10px;width:635px;height:105px"> -全部顯示紅色40<br> -單數燈顯示藍色20,雙數燈顯示綠色40<br> -點亮全部的燈,每顆燈都是隨機的顏色,點亮後不要關燈 </div></a><br><br> **範例 呼吸燈** <a href='https://chat.webduino.io/test/index.html?prompt=%E6%AF%8F%E9%9A%941%E7%A7%92%2C%E5%85%A8%E9%83%A825%E9%A1%86%E7%87%88%E5%90%8C%E6%99%82%E9%A1%AF%E7%A4%BA%E8%97%8D%E3%80%81%E7%B6%A0%E3%80%81%E7%B4%85%E5%BE%AA%E7%92%B05%E6%AC%A1%20(%E4%BD%BF%E7%94%A8%E5%91%BC%E5%90%B8%E7%87%88%E6%95%88%E6%9E%9C)&actor=wbitv1'> <div style="background-image:url('https://md.webduino.io/uploads/upload_2c52b2f75d8a877017127ee6f4fd624c.png'); background-repeat: no-repeat; background-size: cover; display:inline-block; padding:10px;width:635px;height:105px"> -每隔1秒,全部25顆燈同時顯示藍、綠、紅循環5次 (使用呼吸燈效果) </div></a><br><br> **範例 七彩燈** <a href='https://chat.webduino.io/test/index.html?prompt=-%E6%AF%8F%E9%9A%940.01%E7%A7%92%2C%E9%9A%A8%E6%A9%9F%E4%BD%BF%E7%94%A8%E7%99%BD%E8%89%B2%2C%E8%97%8D%E8%89%B2%2C%E9%BB%83%E8%89%B2%2C%E7%B6%A0%E8%89%B2%2C%E7%B4%85%E8%89%B2%2C%E7%B2%89%E7%B4%85%E8%89%B2%2C%E7%B4%AB%E8%89%B2%E9%BB%9E%E4%BA%AE25%E9%A1%86%E7%87%88%0A-%E7%B9%BC%E7%BA%8C%E9%87%8D%E8%A4%87%E4%B8%8A%E9%9D%A2%E6%AD%A5%E9%A9%9F&actor=wbitv1'> <div style="background-image:url('https://md.webduino.io/uploads/upload_2c52b2f75d8a877017127ee6f4fd624c.png'); background-repeat: no-repeat; background-size: cover; display:inline-block; padding:10px;width:635px;height:105px"> -每隔0.01秒,隨機使用白色,藍色,黃色,綠色,紅色,粉紅色,紫色點亮25顆燈<br> -繼續重複上面步驟 </div></a><br><br> **範例 正方形** <a href='https://chat.webduino.io/test/index.html?prompt=%E7%94%A8%E7%B4%85%E8%89%B2%E5%BC%B7%E5%BA%A650%2C%E6%AF%8F%E9%9A%940.25%E7%A7%92%2C%E9%BB%9E%E4%BA%AE%E4%B8%8B%E9%9D%A2%E7%9A%84%E7%87%88%E8%99%9F%200%2C1%2C2%2C3%2C4%2C9%2C14%2C19%2C24%2C23%2C22%2C21%2C20%2C15%2C10%2C5&actor=wbitv1'> <div style="background-image:url('https://md.webduino.io/uploads/upload_2c52b2f75d8a877017127ee6f4fd624c.png'); background-repeat: no-repeat; background-size: cover; display:inline-block; padding:10px;width:635px;height:105px"> 用紅色強度50,每隔0.25秒,點亮下面的燈號 0,1,2,3,4,9,14,19,24,23,22,21,20,15,10,5 </div></a><br><br> ## Web:Bit 按鈕開關 開發板正面的左右兩側，預設了兩顆按鈕開關，透過開關的操控，更能實作物聯網的情境，甚至打造真實的遊戲遙控器或智慧家電的應用。 **範例** <a href='https://chat.webduino.io/test/index.html?prompt=%E6%8C%89%E4%B8%8B%E6%8C%89%E9%88%95A%E5%85%A8%E9%83%A8%E9%A1%AF%E7%A4%BA%E9%BB%83%E8%89%B2&actor=wbitv1'> <div style="background-image:url('https://md.webduino.io/uploads/upload_062778c61640d2cbb81693f29eeee490.png'); background-repeat: no-repeat; background-size: cover; display:inline-block; padding:10px;width:386px"> 按下按鈕A全部顯示黃色 </div></a><br><br> **範例** <a href='https://chat.webduino.io/test/index.html?prompt=%E6%8C%89%E4%B8%8B%E6%8C%89%E9%88%95b%E5%85%A8%E9%83%A8%E9%A1%AF%E7%A4%BA%E7%B6%A0%E8%89%B2%2C0.5%E7%A7%92%E5%BE%8C%E7%86%84%E6%BB%85&actor=wbitv1'> <div style="background-image:url('https://md.webduino.io/uploads/upload_062778c61640d2cbb81693f29eeee490.png'); background-repeat: no-repeat; background-size: cover; display:inline-block; padding:10px;width:386px"> 按下按鈕b全部顯示綠色,0.5秒後熄滅 </div></a><br><br> **範例 燈光控制** <a href='https://chat.webduino.io/test/index.html?prompt=-%E6%8C%89%E4%B8%8B%E6%8C%89%E9%88%95A%E5%85%A8%E9%83%A8%E9%A1%AF%E7%A4%BA%E9%BB%83%E8%89%B2%0A-%E6%8C%89%E4%B8%8B%E6%8C%89%E9%88%95b%E5%85%A8%E9%83%A8%E9%A1%AF%E7%A4%BA%E7%B6%A0%E8%89%B2%0A-%E5%90%8C%E6%99%82%E6%8C%89%E4%B8%8B%E6%8C%89%E9%88%95ab%2C%E5%85%A8%E9%83%A8%E9%A1%AF%E7%A4%BA%E7%B4%85%E8%89%B2&actor=wbitv1'> <div style="background-image:url('https://md.webduino.io/uploads/upload_2c52b2f75d8a877017127ee6f4fd624c.png'); background-repeat: no-repeat; background-size: cover; display:inline-block; padding:10px;width:635px;height:105px"> -按下按鈕A全部顯示黃色<br> -按下按鈕b全部顯示綠色<br> -同時按下按鈕ab,全部顯示紅色 </div></a><br><br> ## Web:Bit 偵測光線 開發板內建兩個光度感應，光度感應可以偵測環境光線的流明數值。 **光感範例1：自動控制燈光亮度** <a href='https://chat.webduino.io/test/index.html?prompt=%E5%85%A8%E9%83%A8%E7%87%88%E9%A1%AF%E7%A4%BA%E7%B6%A0%E8%89%B2100%2C%E9%80%8F%E9%81%8E%E8%AE%80%E5%8F%96%E5%B7%A6%E5%8F%B3%E5%85%A9%E5%81%B4%E7%9A%84%E5%85%89%E6%84%9F%E5%80%BC%EF%BC%8C%E6%8E%A7%E5%88%B6%E7%87%88%E5%85%89%E4%BA%AE%E5%BA%A6%E3%80%82%0A%E7%95%B6%E5%B7%A6%E9%82%8A%E5%85%89%E6%84%9F%E8%BC%83%E5%BC%B7%E6%99%82%EF%BC%8C%E7%B6%A0%E8%89%B2%E6%AF%8F%E6%AC%A1%E6%9C%83%E6%B8%9B%E5%BC%B15%EF%BC%8C%E5%8F%B3%E9%82%8A%E5%85%89%E6%84%9F%E8%BC%83%E5%BC%B7%E6%99%82%EF%BC%8C%0A%E7%B6%A0%E8%89%B2%E6%AF%8F%E6%AC%A1%E6%9C%83%E5%A2%9E%E5%BC%B75%EF%BC%8C%E6%AF%8F0.05%E7%A7%92%E5%81%B5%E6%B8%AC%E4%B8%80%E6%AC%A1&actor=wbitv1'> <div style="background-image:url('https://md.webduino.io/uploads/upload_2c52b2f75d8a877017127ee6f4fd624c.png'); background-repeat: no-repeat; background-size: cover; display:inline-block; padding:10px;width:635px;height:105px"> 全部燈顯示綠色100,透過讀取左右兩側的光感值，控制燈光亮度。<br> 當左邊光感較強時，綠色每次會減弱5，右邊光感較強時，<br> 綠色每次會增強5，每0.05秒偵測一次 </div></a><br><br> **光感範例2：應用於小夜燈** <a href='https://chat.webduino.io/test/index.html?prompt=%E8%AE%80%E5%8F%96%E5%B7%A6%E5%8F%B3%E5%85%A9%E5%81%B4%E5%85%89%E6%84%9F%E5%80%BC%EF%BC%8C%E7%95%B6%E5%B9%B3%E5%9D%87%E5%B0%8F%E6%96%BC300%E5%85%A8%E9%83%A8%E9%A1%AF%E7%A4%BA%E7%99%BD%E7%87%88100%EF%BC%8C%E5%90%A6%E5%89%87%E9%97%9C%E6%8E%89%E5%85%A8%E9%83%A8%E7%9A%84%E7%87%88&actor=wbitv1'> <div style="background-image:url('https://md.webduino.io/uploads/upload_2c52b2f75d8a877017127ee6f4fd624c.png'); background-repeat: no-repeat; background-size: cover; display:inline-block; padding:10px;width:635px;height:105px"> 讀取左右兩側光感值，當平均小於300全部顯示白燈100，否則關掉全部的燈 </div></a><br><br> ## Web:Bit 音樂 開發板內建一個微型蜂鳴器，可以發出三個八度音階的單一聲響，藉由不同音符代碼的組合，或者搭配內建的範例音樂，就能讓開發板發出各種美妙的旋律。 **範例 按鈕播放 Do Re Me** >用簡譜播放音樂 "do re mi fa so la si" <a href='https://chat.webduino.io/test/index.html?prompt=%E6%8C%89%E4%B8%8B%E6%8C%89%E9%88%95A%E6%92%AD%E6%94%BE%20do%20re%20me%0A%E6%8C%89%E4%B8%8B%E6%8C%89%E9%88%95B%E6%92%AD%E6%94%BE%20me%20re%20do&actor=wbitv1'> <div style="background-image:url('https://md.webduino.io/uploads/upload_2c52b2f75d8a877017127ee6f4fd624c.png'); background-repeat: no-repeat; background-size: cover; display:inline-block; padding:10px;width:635px;height:105px"> 按下按鈕A播放 do re me<br> 按下按鈕B播放 me re do </div></a><br><br> **範例 播放小星星** >用數字譜來播放音樂 "123456" <a href='https://chat.webduino.io/test/index.html?prompt=%E5%BA%95%E4%B8%8B%E6%98%AF%E6%95%B8%E5%AD%97%E8%AD%9C%EF%BC%8C%E6%92%AD%E6%94%BE%E5%87%BA%E4%BE%86%0A1155665%204433221%205544332%205544332%201155665%204433221&actor=wbitv1'> <div style="background-image:url('https://md.webduino.io/uploads/upload_2c52b2f75d8a877017127ee6f4fd624c.png'); background-repeat: no-repeat; background-size: cover; display:inline-block; padding:10px;width:635px;height:105px"> 底下是數字譜，播放出來<br> 1155665 4433221 5544332 5544332 1155665 4433221 </div></a><br><br> <!-- ## Web:Bit 偵測溫度 開發板內建一個溫敏電阻，溫敏電阻則可偵測到小數點兩位的溫度變化，藉由光線和溫度的偵測，就能輕鬆地做出環境監控相關的場域應用。 :::danger 你可以告訴 ChatGPT 這樣做 [還沒完成...] ::: ``` 以下是三個範例，用於控制 Web:Bit 上的 LED 燈，以根據現在的溫度顯示不同的顏色。Web:Bit 具有一個溫度傳感器，可以通過調用其 temp() 方法來獲取當前溫度。可以根據您的需求更改燈光的顏色和強度。 範例1 - 溫度越高，燈光越亮 當溫度高於 25 度時，所有燈都會以紅色 100% 亮度的顏色閃爍。 範例2 - 溫度越高，燈光越紅 當溫度高於 25 度時，燈會以漸變的方式從綠色到紅色閃爍，亮度從 10% 到 100%。 範例3 - 溫度越高，燈光越冷色調 當溫度高於 25 度時，所有燈都會以藍色調閃爍，亮度從 10% 到 100%。 ``` -->