

Arduino自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機 (電子書)
出版社:
出版日期:
2022/12/03
數量
95
520494
此商品享ShopBack 0.5%回饋;不適用於誠品分潤計劃、美安等現金回饋機制
原來網頁還可以這樣玩?融合電子電路與網頁,一起打造有趣的遊戲吧!
【內容簡介】
本書內容改編自【第13屆】2021 iThome 鐵人賽,Modern Web 組佳作網路系列文章 ──《你渴望連結嗎?將 Web 與硬體連上線吧!》。
隨著瀏覽器支援的 Web API 越來越豐富,有一天我注意到
【內容簡介】
本書內容改編自【第13屆】2021 iThome 鐵人賽,Modern Web 組佳作網路系列文章 ──《你渴望連結嗎?將 Web 與硬體連上線吧!》。
隨著瀏覽器支援的 Web API 越來越豐富,有一天我注意到
內容簡介
原來網頁還可以這樣玩?融合電子電路與網頁,一起打造有趣的遊戲吧!
【內容簡介】
本書內容改編自【第13屆】2021 iThome 鐵人賽,Modern Web 組佳作網路系列文章 ──《你渴望連結嗎?將 Web 與硬體連上線吧!》。
隨著瀏覽器支援的 Web API 越來越豐富,有一天我注意到了「Web Serial API」這個神奇的東東。以往 JS 沒有權限能夠存取作業系統底層 API,所以要進行串列通訊都需要一個中介伺服器轉送資料,但是透過 Web Serial API 就可以直接透過瀏覽器進行串列通訊了!於是這個主題就這麼誕生了。
【寓教於樂】
本書應用情境將以各類遊戲為主,了解電子訊號如何與遊戲結合。透過遊戲與技術的連結,讓讀者能夠從底層了解運作原理且不會枯燥乏味。
【由淺入深】
本書將依序介紹 Vue、Quasar、Firmata、各類電路等等技術,讓讀者可以循序漸進的認識相關技術,並整合這些技術、設計情境,透過一層一層堆疊,最終淬鍊出一個完整的應用程式。
【設計與分析】
軟體開發領域的工程師一定都知道一個永遠不變的道理,就是「技術會不斷更新」。
本書在設計應用情境章節時,會先從需求分析、設計草稿開始,因為技術會變,但是設計與分析的過程基本上大同小異,學會「如何分析、解決問題等等技能」遠比「學會使用工具或某項技術」還重要。
【內容簡介】
本書內容改編自【第13屆】2021 iThome 鐵人賽,Modern Web 組佳作網路系列文章 ──《你渴望連結嗎?將 Web 與硬體連上線吧!》。
隨著瀏覽器支援的 Web API 越來越豐富,有一天我注意到了「Web Serial API」這個神奇的東東。以往 JS 沒有權限能夠存取作業系統底層 API,所以要進行串列通訊都需要一個中介伺服器轉送資料,但是透過 Web Serial API 就可以直接透過瀏覽器進行串列通訊了!於是這個主題就這麼誕生了。
【寓教於樂】
本書應用情境將以各類遊戲為主,了解電子訊號如何與遊戲結合。透過遊戲與技術的連結,讓讀者能夠從底層了解運作原理且不會枯燥乏味。
【由淺入深】
本書將依序介紹 Vue、Quasar、Firmata、各類電路等等技術,讓讀者可以循序漸進的認識相關技術,並整合這些技術、設計情境,透過一層一層堆疊,最終淬鍊出一個完整的應用程式。
【設計與分析】
軟體開發領域的工程師一定都知道一個永遠不變的道理,就是「技術會不斷更新」。
本書在設計應用情境章節時,會先從需求分析、設計草稿開始,因為技術會變,但是設計與分析的過程基本上大同小異,學會「如何分析、解決問題等等技能」遠比「學會使用工具或某項技術」還重要。
產品目錄
Chapter 01 萬事起頭難
1.1 電壓與電流
1.2 微控制器
1.3 Firmata
1.4 串列通訊(Serial communication)
1.5 Web Serial API
1.6 前端框架
Chapter 02 Hello Firmata
2.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×OUT
6.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 認識Phaser
8.2 規劃遊戲:貓狗大戰
8.3 建立視窗
8.4 認識搖桿
8.5 建立設定欄位
8.6 處理搖桿訊號
8.7 打造遊戲!
1.1 電壓與電流
1.2 微控制器
1.3 Firmata
1.4 串列通訊(Serial communication)
1.5 Web Serial API
1.6 前端框架
Chapter 02 Hello Firmata
2.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×OUT
6.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 認識Phaser
8.2 規劃遊戲:貓狗大戰
8.3 建立視窗
8.4 認識搖桿
8.5 建立設定欄位
8.6 處理搖桿訊號
8.7 打造遊戲!
規格
誠品貨碼 / 2682770238005
ISBN13 / 9786263333130
ISBN10 /
EAN貨碼 / 9786263333833
頁數 / 376
語言 / 1:中文/繁體
級別 / N:無
檔案格式 / PDF(25MB)
檔案匯出格式 / PDF 提供 Adobe DRM
TTS朗讀 / EPUB不提供TTS朗讀
退貨說明
退貨須知:
- 依照消費者保護法的規定,您享有商品貨到次日起七天猶豫期(含例假日)的權益(請注意!猶豫期非試用期),辦理退貨之商品必須是全新狀態(不得有刮傷、破損、受潮)且需完整(包含全部商品、配件、原廠內外包裝、贈品及所有附隨文件或資料的完整性等)。
- 請您以送貨廠商使用之包裝紙箱將退貨商品包裝妥當,若原紙箱已遺失,請另使用其他紙箱包覆於商品原廠包裝之外,切勿直接於原廠包裝上黏貼紙張或書寫文字。若原廠包裝損毀將可能被認定為已逾越檢查商品之必要程度,本公司得依毀損程度扣除回復原狀必要費用(整新費)後退費;請您先確認商品正確、外觀可接受,再行拆封,以免影響您的權利;若為產品瑕疵,本公司接受退貨。
依「通訊交易解除權合理例外情事適用準則」,下列商品不適用七日猶豫期,除產品本身有瑕疵外,不接受退貨:
- 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮蔬果、乳製品、冷凍冷藏食材、蛋糕)
- 依消費者要求所為之客製化給付。(如:客製印章、鋼筆刻字)
- 報紙、期刊或雜誌。
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書)
- 已拆封之個人衛生用品。(如:內衣褲、襪類、褲襪、刮鬍刀、除毛刀等貼身用品)
- 國際航空客運服務。
若您退貨時有下列情形,可能被認定已逾越檢查商品之必要程度而須負擔為回復原狀必要費用(整新費),或影響您的退貨權利,請您在拆封前決定是否要退貨:
- 以數位或電磁紀錄形式儲存或著作權相關之商品(包含但不限於CD、VCD、DVD、電腦軟體等) 包裝已拆封者(除運送用之包裝以外)。
- 耗材(包含但不限於墨水匣、碳粉匣、紙張、筆類墨水、清潔劑補充包等)之商品包裝已拆封者(除運送用之包裝以外)。
- 衣飾鞋類/寢具/織品(包含但不限於衣褲、鞋子、襪子、泳裝、床單、被套、填充玩具)或之商品缺件(含購買商品、附件、內外包裝、贈品等)或經剪標或下水或商品有不可回復之髒污或磨損痕跡。
- 食品、美容/保養用品、內衣褲等消耗性或個人衛生用品、商品銷售頁面上特別載明之商品已拆封者(除運送用之包裝外一切包裝、包括但不限於瓶蓋、封口、封膜等接觸商品內容之包裝部分)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 家電、3C、畫作、電子閱讀器等商品,除商品本身有瑕疵外,退回之商品已拆封(除運送用之包裝外一切包裝、包括但不限於封膜等接觸商品內容之包裝部分、移除封條、拆除吊牌、拆除貼膠或標籤等情形)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 退貨程序請參閱【客服專區→常見問題→誠品線上退貨退款】之說明。
付款/配送



