iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

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

請大家多多指教嘍!

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

D20 - 「吶,你想要成為什麼顏色?」:將色彩傳下去

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

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

D21 - 「不斷線的侏儸紀」:萃取 DNA

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

2021-10-05 ‧ 由 鱈魚 分享
DAY 23

D22 - 「不斷線的侏儸紀」:很久很久以前的侏儸紀

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

2021-10-06 ‧ 由 鱈魚 分享
DAY 24

D23 - 「不斷線的侏儸紀」:有一隻小恐龍在跑步(使用 GSAP 動畫)

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

2021-10-07 ‧ 由 鱈魚 分享
DAY 25

D24 - 「不斷線的侏儸紀」:天上好多雲、地上一堆仙人掌

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

2021-10-08 ‧ 由 鱈魚 分享
DAY 26

D25 - 「不斷線的侏儸紀」:然後他就死掉了

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

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

D26 - 「來互相傷害啊!」:站在 Phaser 的肩膀上

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

2021-10-10 ‧ 由 鱈魚 分享
DAY 28

D27 - 「來互相傷害啊!」:運籌帷幄

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

2021-10-11 ‧ 由 鱈魚 分享
DAY 29

D28 - 「來互相傷害啊!」:粗乃玩搖桿!

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

2021-10-12 ‧ 由 鱈魚 分享
DAY 30

D29 - 「來互相傷害啊!」:天時地利,建立 Phaser Scene

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

2021-10-13 ‧ 由 鱈魚 分享