作者簡介

鱈魚(林昰辰)

　　機械、自動控制領域出身，在IoT概念普及後，一頭栽進前後端開發，熱衷於結合各類領域技術、開發酷酷的東西。

• 1 沒時間解釋了，快上車！(第1-1頁)
  • 1.1 原理與架構(第1-1頁)
  • 1.2 開發工具(第1-3頁)
  • 1.3 使用套件(第1-7頁)
  • 1.4 開發環境(第1-12頁)
• 2 Vue 基本概念(第2-1頁)
  • 2.1 基礎概念(第2-5頁)
  • 2.2 元件(第2-15頁)
• 3 NestJS 基礎概念(第3-1頁)
  • 3.1 建立資源(第3-3頁)
  • 3.2 驗證資料(第3-10頁)
• 4 打造派對門面(第4-1頁)
  • 4.1 打造背景(第4-1頁)
  • 4.2 打造選單按鈕(第4-19頁)
  • 4.3 打造標題 Logo(第4-34頁)
• 5 開趴前先 loading 一下(第5-1頁)
  • 5.1 建立 loading 相關元件(第5-3頁)
  • 5.2 載入就應該要有載入的樣子(第5-13頁)
6 讓前後端接上線(第6-1頁)
• 6.1 後端提供連線(第6-3頁)
• 6.2 前端開始連線(第6-13頁)
• 6.3 開房間！開派對！(第6-18頁)
7 歡迎光臨遊戲大廳(第7-1頁)
• 7.1 大廳頁面(第7-2頁)
• 7.2 建立遊戲選單場景(第7-8頁)
• 7.3 建立選單按鈕(第7-59頁)
• 7.4 顯示房間 ID 與玩家(第7-67頁)
• 7.5 加入遊戲(第7-90頁)
8 手機變搖桿(第8-1頁)
• 8.1 搖桿頁面(第8-1頁)
• 8.2 伺服器同步 game-console 狀態(第8-7頁)
• 8.3 完成跳轉大廳搖桿功能(第8-15頁)
9 所以我說那個搖桿呢？(第9-1頁)
• 9.1 傳輸搖桿資料(第9-13頁)
• 9.2 玩家一起粗乃玩！(第9-17頁)
• 9.3 網頁偵測玩家更新事件(第9-23頁)
• 9.4 是誰偷按確定？(第9-27頁)
10 第一隻企鵝(第10-1頁)
• 10.1 完成遊戲選單(第10-1頁)
• 10.2 大海、浮冰、企鵝勒？(第10-6頁)
• 10.3 企鵝登場(第10-16頁)
• 10.4 爆走企鵝(第10-28頁)
• 10.5 完全體企鵝(第10-39頁)
• 10.6 建立控制搖桿(第10-50頁)
• 10.7 一人一隻才公平(第10-69頁)
• 10.8 第一隻企鵝(第10-79頁)
• 10.9 完成大廳按鈕功能(第10-86頁)
11 小雞快飛(第11-1頁)
• 11.1 建立小島(第11-1頁)
• 11.2 建立遊戲場景(第11-37頁)
• 11.3 起飛吧！小雞！(第11-48頁)
• 11.4 完成天空(第11-66頁)
• 11.5 撞雞啦！(第11-85頁)
• 11.6 Web API 授權(第11-101頁)
• 11.7 遊戲機接收資料(第11-123頁)
• 11.8 建立姿態控制搖桿(第11-135頁)
• 11.9 小雞快飛！(第11-149頁)
• 11.10 增強遊戲體驗(第11-178頁)
12 狐狸與老鼠(第12-1頁)
• 12.1 建立狐狸島(第12-1頁)
• 12.2 建立遊戲場景(第12-20頁)
• 12.3 加入老鼠(第12-26頁)
• 12.4 狐狸登場(第12-35頁)
• 12.5 建立控制搖桿(第12-63頁)
• 12.6 搖桿接收資料(第12-70頁)
• 12.7 一起抓老鼠！(第12-76頁)
13 結束是另一個開始(第13-1頁)
• 13.1 重構企鵝遊戲(第13-1頁)
• 13.2 取消搖桿方向限制(第13-15頁)
14 後記(第14-1頁)