甚麼？網頁也可以做派對遊戲？使用Vue和babylon.js打造3D派對遊戲吧！(好評熱銷版) 鱈魚(林昰辰)
產品編號：9786267757734
促銷 下單就送小禮物
網路價
NT${{ commaFormat(product.price_actu) }}
NT${{commaFormat(product.price_sugg)}}
專屬特惠價 NT${{ commaFormat(product.group_price) }}
優惠價
NT${{ commaFormat(product.member_price) }}
NT${{ commaFormat(product.group_price) }}
商品組合
贈品 (買就送)
{{ pItem.title }}
| 備註 | ⭐此書較長備貨，下單後約7-10個工作日(不含例假日)寄出 |
| 此商品不適用 |
促銷活動 會員等級折扣 優惠券 購物金折抵 |
付款方式
轉帳/匯款/無摺存款 / LinePay付款 / 超商代碼付款(綠界金流) / 信用卡一次付清(綠界金流) / AFTEE 先享後付 / [圖書專用] 7-11取貨付款(限1000~3000元訂單使用)
配送方式
7-11超商取貨 / 全家超商取貨 / 宅配到家 / 校園書局門市取貨(取貨加碼送5元折價)
超值加購
{{ pItem.title }}
型號:{{ pItem.model }}
加購價 NT${{pItem.extra_price}}
(原價NT${{pItem.price_orig}})
加購數量
已搶購一空
出版商:深智
出版日期:2026-01-19
語言:繁體中文
頁數:752
ISBN-13:
9786267757734
【內容】
☆不只是網頁
隨著瀏覽器的蓬勃發展，現在網頁可以存取GPS、加速度計、照度計、麥克風、攝影機等等硬體訊號，還可以配合WebGPU、WebGL運行複雜的3D內容。
基於上述理由，網頁已可以成為遊戲機，手機瀏覽器甚至能像joy-con一般，作為搖桿使用，本書將帶領大家從頭打造一個可以使用手機遙控的派對遊戲。
☆寓教於樂
本書將帶領大家如何建立3D遊戲並透過手機即時遙控，藉由遊戲與技術的連結，讓讀者能夠從底層了解運作原理且不會枯燥乏味。
☆由淺入深
本書將依序介紹Vue、babylonjs、NestJS等等技術，讓讀者可以循序漸進的認識相關技術，接著整合這些技術與工具，透過功能與遊戲層層堆疊，最終淬鍊成一個完整的網頁應用程式。
【目錄】
▌第1章 沒時間解釋了，快上車！
1.1 原理與架構
1.2 開發工具
1.2.1 Visual Studio Code
1.2.2 Google Chrome
1.3 使用套件
1.3.1 TypeScript
1.3.2 Vue 3、Vue Router、Pinia
1.3.3 VueUse
1.3.4 Quasar
1.3.5 babylon.js
1.3.6 Tailwind CSS
1.3.7 NestJS
1.4 開發環境
1.4.1 Vue 前端專案
1.4.2 NestJS 後端專案
▌第2章 Vue基本概念
2.1 基礎概念
2.1.1 響應式與資料綁定
2.1.2 條件渲染與事件
2.2 元件
▌第3章 NestJS基礎概念
3.1 建立資源
3.2 驗證資料
▌第4章 打造派對門面
4.1 打造背景
4.1.1 建立背景元件
4.1.2 建立可複用的多邊形元件
4.1.3 漂浮吧！多邊形
4.2 打造選單按鈕
4.3 打造標題Logo
▌第5章 開趴前先 loading 一下
5.1 建立 loading 相關元件
5.2 載入就應該要有載入的樣子
▌第6章 讓前後端接上線
6.1 後端提供連線
6.2 前端開始連線
6.3 開房間！開派對！
6.3.1 伺服器建立房間資源
6.3.2 網頁建立派對
▌第7章 歡迎光臨遊戲大廳
7.1 大廳頁面
7.2 建立遊戲選單場景
7.3 建立選單按鈕
7.4 顯示房間ID與玩家
7.5 加入遊戲
7.5.1 輸入房間ID視窗
7.5.2 加入遊戲API
▌第8章 手機變搖桿
8.1 搖桿頁面
8.2 伺服器同步game-console狀態
8.3 完成跳轉大廳搖桿功能
▌第9章 所以我說那個搖桿呢？
9.1 傳輸搖桿資料
9.2 玩家一起粗乃玩！
9.3 網頁偵測玩家更新事件
9.4 是誰偷按確定？
9.4.1 對話泡泡
9.4.2 搖桿控制選單
▌第10章 第一隻企鵝
10.1 完成遊戲選單
10.2 大海、浮冰、企鵝勒？
10.3 企鵝登場
10.4 爆走企鵝
10.5 完全體企鵝
10.6 建立控制搖桿
10.7 一人一隻才公平
10.8 第一隻企鵝
10.9 完成大廳按鈕功能
▌第11章 小雞快飛
11.1 建立小島
11.2 建立遊戲場景
11.3 起飛吧！小雞！
11.4 完成天空
11.5 撞雞啦！
11.6 Web API授權
11.6.1 伺服器同步permission資料
11.7 遊戲機接收資料
11.8 建立姿態控制搖桿
11.9 小雞快飛！
11.10 增強遊戲體驗
▌第12章 狐狸與老鼠
12.1 建立狐狸島
12.2 建立遊戲場景
12.3 加入老鼠
12.4 狐狸登場
12.5 建立控制搖桿
12.6 搖桿接收資料
12.6.1 伺服器同步console資料
12.7 一起抓老鼠！
▌第13章 結束是另一個開始
13.1 重構企鵝遊戲
13.2 取消搖桿方向限制
▌第14章 後記
▌第1章 沒時間解釋了，快上車！
1.1 原理與架構
1.2 開發工具
1.2.1 Visual Studio Code
1.2.2 Google Chrome
1.3 使用套件
1.3.1 TypeScript
1.3.2 Vue 3、Vue Router、Pinia
1.3.3 VueUse
1.3.4 Quasar
1.3.5 babylon.js
1.3.6 Tailwind CSS
1.3.7 NestJS
1.4 開發環境
1.4.1 Vue 前端專案
1.4.2 NestJS 後端專案
▌第2章 Vue基本概念
2.1 基礎概念
2.1.1 響應式與資料綁定
2.1.2 條件渲染與事件
2.2 元件
▌第3章 NestJS基礎概念
3.1 建立資源
3.2 驗證資料
▌第4章 打造派對門面
4.1 打造背景
4.1.1 建立背景元件
4.1.2 建立可複用的多邊形元件
4.1.3 漂浮吧！多邊形
4.2 打造選單按鈕
4.3 打造標題Logo
▌第5章 開趴前先 loading 一下
5.1 建立 loading 相關元件
5.2 載入就應該要有載入的樣子
▌第6章 讓前後端接上線
6.1 後端提供連線
6.2 前端開始連線
6.3 開房間！開派對！
6.3.1 伺服器建立房間資源
6.3.2 網頁建立派對
▌第7章 歡迎光臨遊戲大廳
7.1 大廳頁面
7.2 建立遊戲選單場景
7.3 建立選單按鈕
7.4 顯示房間ID與玩家
7.5 加入遊戲
7.5.1 輸入房間ID視窗
7.5.2 加入遊戲API
▌第8章 手機變搖桿
8.1 搖桿頁面
8.2 伺服器同步game-console狀態
8.3 完成跳轉大廳搖桿功能
▌第9章 所以我說那個搖桿呢？
9.1 傳輸搖桿資料
9.2 玩家一起粗乃玩！
9.3 網頁偵測玩家更新事件
9.4 是誰偷按確定？
9.4.1 對話泡泡
9.4.2 搖桿控制選單
▌第10章 第一隻企鵝
10.1 完成遊戲選單
10.2 大海、浮冰、企鵝勒？
10.3 企鵝登場
10.4 爆走企鵝
10.5 完全體企鵝
10.6 建立控制搖桿
10.7 一人一隻才公平
10.8 第一隻企鵝
10.9 完成大廳按鈕功能
▌第11章 小雞快飛
11.1 建立小島
11.2 建立遊戲場景
11.3 起飛吧！小雞！
11.4 完成天空
11.5 撞雞啦！
11.6 Web API授權
11.6.1 伺服器同步permission資料
11.7 遊戲機接收資料
11.8 建立姿態控制搖桿
11.9 小雞快飛！
11.10 增強遊戲體驗
▌第12章 狐狸與老鼠
12.1 建立狐狸島
12.2 建立遊戲場景
12.3 加入老鼠
12.4 狐狸登場
12.5 建立控制搖桿
12.6 搖桿接收資料
12.6.1 伺服器同步console資料
12.7 一起抓老鼠！
▌第13章 結束是另一個開始
13.1 重構企鵝遊戲
13.2 取消搖桿方向限制
▌第14章 後記
【關於教科書訂購說明】
☆ 單本即有折扣，將商品放入購物車就可以看見優惠價唷！五本以上團購更便宜！加入會員訂購，還可累積購物金！
★ 若有急需用書，可先LINE私訊詢問庫存呦~
☆ 出貨時間：有現貨的，2個工作日內出貨；無現貨，約3~5個工作日 出貨
【寄送方式說明】
❶ 實體門市取貨
全台麗文校園書局皆可取貨，貨到書局將會以簡訊通知。
❷ 超商取貨
提供7-11及全家超商取貨(需先付款，無貨到付款)。
❸ 一般宅配
本公司主要與黑貓宅急便配合，送達到您指定的地址。
※當您於本網站消費交易完成後，電子發票將會以電子郵件寄給您；如需紙本發票請於下訂時於備註欄位說明。
【付款方式說明】
❶ ATM轉帳、匯款
銀行│第一銀行-三民分行
代號│007
戶名│麗文文化事業股份有限公司
帳號│704-10-051861
※實體ATM每日轉帳最高限額為3萬，若訂購金額超過3萬元，請分兩天或是使用不同的銀行帳戶轉帳。
❷ 信用卡（可分期，需負擔手續費）
凡各家銀行的VISA、MASTER、Union Pay、JCB信用卡皆可使用。
❺ 超商代碼
系統會發送繳費代碼至您的電子信箱，需自行至「超商機器ex：iBon」輸入代碼，產生繳費單後前往櫃檯繳費。
❼ 免卡分期
麗文校園購與「zingala銀角零卡」「第一資融」以及「皮路後支付」合作，讓您免用信用卡就可以購物。
如有使用上的問題，可以先與揪小編聯絡唷！。
※請注意：超過7天未付款之訂單則訂單自動失效；免卡分期訂單成立起7天內未主動聯繫亦同。
【其他說明】
❶關於出貨
1.商品為不缺貨前提下，訂單完成付款後2-4個工作天將會出貨(不含例假日及國定假日)；若商品缺貨則須等待1-2週。
2.麗文校園揪來玩保留訂單接受與否權利，若因交易條件有誤或有其他情形導致我們無法接受您的訂單，將以E-mail發送取消訂單通知給您，造成不便敬請見諒。
❷關於退貨
1.非門市現場消費享有七天猶豫期，收到商品當天往後算七天內若是決定不買，則協助不要拆封，一拆封視同願意購買。
2.若真的決定不購買商品要退貨，請聯繫我們LINE線上客服，我們會盡速為您處理。
❸關於新品瑕疵與維修保固
1.全新商品享有購買七日內，新品瑕疵的換新保障；但新品瑕疵與否，是由商品代理商或原廠所判定，麗文校園揪來玩僅能依據判定的結果給予協助。若是原廠判定非新品瑕疵則無法換新，需改為維修的方式處理。
2.新品瑕疵換新的作業時間，將依各廠商的流程而定，最快2個工作天，慢的話也可能需要到15個工作天。
3.購買超過七日後，維修服務由原廠提供。如有需要維修，麗文校園揪來玩可以代為送修，但送修如需運費時（EX:原廠沒有提供免費收件服務），則需由您負擔送修的運費（運費約為100元起，因商品大小而異）。
【華碩的維修服務】
