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 1

D00 - 緣起

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

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

D01 - 萬事起頭難

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

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

D02 - 集結硬體小夥伴:準備 Arduino Uno 與其他零件

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

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

D03 - Hello Firmata

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

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

D04 - 從零開始的 Firmata 通訊

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

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

D05 - 準備前端環境:建立 Vue 開發環境

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

2021-09-19 ‧ 由 鱈魚 分享
DAY 7

D06 - Web Serial API 初體驗

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

2021-09-20 ‧ 由 鱈魚 分享
DAY 8

D07 - 聽話,給我資料!

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

2021-09-21 ‧ 由 鱈魚 分享
DAY 9

D08 - 今晚,我想來點「腳位清單」加「功能模式」,配「類比映射表」

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

2021-09-22 ‧ 由 鱈魚 分享
DAY 10

D09 - 打開第一扇窗:建立 Vue Component

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

2021-09-23 ‧ 由 鱈魚 分享