Arduino自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機 (電子書)
商品描述 | Arduino自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機 (電子書):原來網頁還可以這樣玩?融合電子電路與網頁,一起打造有趣的遊戲吧!【內容簡介】本書內容 |
---|
商品描述 | Arduino自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機 (電子書):原來網頁還可以這樣玩?融合電子電路與網頁,一起打造有趣的遊戲吧!【內容簡介】本書內容 |
---|
內容簡介 原來網頁還可以這樣玩?融合電子電路與網頁,一起打造有趣的遊戲吧!【內容簡介】本書內容改編自【第13屆】2021 iThome 鐵人賽,Modern Web 組佳作網路系列文章 ──《你渴望連結嗎?將 Web 與硬體連上線吧!》。隨著瀏覽器支援的 Web API 越來越豐富,有一天我注意到了「Web Serial API」這個神奇的東東。以往 JS 沒有權限能夠存取作業系統底層 API,所以要進行串列通訊都需要一個中介伺服器轉送資料,但是透過 Web Serial API 就可以直接透過瀏覽器進行串列通訊了!於是這個主題就這麼誕生了。【寓教於樂】本書應用情境將以各類遊戲為主,了解電子訊號如何與遊戲結合。透過遊戲與技術的連結,讓讀者能夠從底層了解運作原理且不會枯燥乏味。【由淺入深】本書將依序介紹 Vue、Quasar、Firmata、各類電路等等技術,讓讀者可以循序漸進的認識相關技術,並整合這些技術、設計情境,透過一層一層堆疊,最終淬鍊出一個完整的應用程式。【設計與分析】軟體開發領域的工程師一定都知道一個永遠不變的道理,就是「技術會不斷更新」。本書在設計應用情境章節時,會先從需求分析、設計草稿開始,因為技術會變,但是設計與分析的過程基本上大同小異,學會「如何分析、解決問題等等技能」遠比「學會使用工具或某項技術」還重要。
作者介紹 林昰辰機械、自動控制領域出身,在 IoT 概念普及後,一頭栽進前後端開發,熱衷於結合各類領域技術、開發酷酷的東西。
產品目錄 Chapter 01 萬事起頭難1.1 電壓與電流1.2 微控制器1.3 Firmata1.4 串列通訊(Serial communication)1.5 Web Serial API1.6 前端框架Chapter 02 Hello Firmata2.1 集結硬體小夥伴2.2 燒入Firmata韌體2.3 一起看懂通訊協定Chapter 03 建立前端地基3.1 TypeScript簡介3.2 TypeScript入門3.3 介紹開發工具與套件3.4 建立專案Chapter 04 Web Serial API初體驗4.1 建立Port設定對話框4.2 建立資料收發模組4.3 建立Firmata功能4.4 儲存並顯示Firmata資料4.5 今晚,我想來點「腳位清單」加「功能模式」,配「類比映射表」Chapter 05 打開第一扇窗5.1 建立 base-window元件5.2 建立範例視窗5.3 自動調整堆疊順序5.4 關閉視窗Chapter 06 數位×IN×OUT6.1 何謂數位訊號6.2 建立Firmata轉換工具6.3 建立數位I O視窗6.4 建立腳位選擇器6.5 數位訊號6.6 硬體實作6.7 建立數位控制元件Chapter 07 類比×電壓×輸入7.1 何謂類比訊號7.2 建立類比輸入視窗7.3 加入視窗內容7.4 類比輸入(Analog Input)7.5 硬體實作7.6 建立類比輸入控制元件Chapter 08 來互相傷害啊!8.1 認識Phaser8.2 規劃遊戲:貓狗大戰8.3 建立視窗8.4 認識搖桿8.5 建立設定欄位8.6 處理搖桿訊號8.7 打造遊戲!
商品名 / | Arduino自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機 (電子書) |
---|---|
簡介 / | Arduino自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機 (電子書):原來網頁還可以這樣玩?融合電子電路與網頁,一起打造有趣的遊戲吧!【內容簡介】本書內容 |
誠品26碼 / | 2682770238005 |
頁數 / | 376 |
語言 / | 1:中文 繁體 |
級別 / | N:無 |
檔案格式 / | PDF(25MB) |
檔案匯出格式 / | Adobe DRM |
最佳賣點 : 原來網頁還可以這樣玩?融合電子電路與網頁,一起打造有趣的遊戲吧!
【內容簡介】
本書內容改編自【第13屆】2021 iThome 鐵人賽,Modern Web 組佳作網路系列文章 ──《你渴望連結嗎?將 Web 與硬體連上線吧!》。
隨著瀏覽器支援的 Web API 越來越豐富,有一天我注意到