iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

你渴望連結嗎?將 Web 與硬體連上線吧! 系列

隨著瀏覽器支援的 Web API 越來越豐富,有一天我注意到了「Web Serial API」這個神奇的東東。

以往 JS 沒有權限能夠存取作業系統底層 API,所以要做串列通訊都需要一個中介伺服器轉送資料,但是透過 Web Serial API 就可以直接透過瀏覽器進行串列通訊了!於是這個主題就這麼誕生了。

接下來的 30 天,我將嘗試透過 Web Serial API 與單晶片直接連結並將電訊號轉換成 UI 展示,最後在網頁上開發遊戲,透過實體電路的按鈕、搖桿遊玩!

請大家多多指教嘍!

鐵人鍊成 | 共 33 篇文章 | 42 人訂閱 訂閱系列文 RSS系列文
DAY 11

D10 - 「數位×IN×OUT」

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

2021-09-24 ‧ 由 鱈魚 分享
DAY 12

D11 - 「數位×IN×OUT」:Arduino 數位功能(digital)

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

2021-09-25 ‧ 由 鱈魚 分享
DAY 13

D12 - 「數位×IN×OUT」:建立控制組件

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

2021-09-26 ‧ 由 鱈魚 分享
DAY 14

D13 - 「類比×電壓×輸入」

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

2021-09-27 ‧ 由 鱈魚 分享
DAY 15

D14 - 「類比×電壓×輸入」:Arduino 類比功能(analog)

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

2021-09-28 ‧ 由 鱈魚 分享
DAY 16

D15 - 「類比×電壓×輸入」:建立控制組件

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

2021-09-29 ‧ 由 鱈魚 分享
DAY 17

D16 - 「脈衝×寬度×調變」

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

2021-09-30 ‧ 由 鱈魚 分享
DAY 18

D17 - 「脈衝×寬度×調變」:Arduino PWM 功能

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

2021-10-01 ‧ 由 鱈魚 分享
DAY 19

D18 -「脈衝×寬度×調變」:建立控制組件

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

2021-10-02 ‧ 由 鱈魚 分享
DAY 20

D19 - 「吶,你想要成為什麼顏色?」:打造一個調色盤吧!

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

2021-10-03 ‧ 由 鱈魚 分享