甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！(好評熱銷版)
鱈魚(林昰辰)
- 出版商: 深智
- 出版日期: 2026-01-19
- 定價: $980
- 售價: 7.9 折 $774
- 語言: 繁體中文
- 頁數: 752
- ISBN: 6267757730
- ISBN-13: 9786267757734
-
相關分類:
Vue.js、遊戲設計 Game-design
立即出貨 (庫存 > 10)
買這商品的人也買了...
-
Java 程式設計師面試寶典 (Java Programming Interviews Exposed)$450$355 -
灰帽 C# | 建立自動化安全工具的駭客手冊 (Gray Hat C#: A Hacker's Guide to Creating and Automating Security Tools)$450$355 -
21世紀 C語言, 2/e (21st Century C: C Tips from the New School, 2/e)$680$537 -
$402Java 高級程序員面試筆試寶典 -
A Tour of C++, 2/e (繁體中文版)$480$379 -
$504Java 程序員面試筆試寶典, 2/e -
全格局使用 PyTorch -- 深度學習和圖神經網路 -- 基礎篇$880$695 -
全格局使用 PyTorch -- 深度學習和圖神經網路 -- 實戰篇$880$695 -
OAuth 2.0 從入門到實戰：利用驗證和授權守護 API 的安全$600$468 -
Python 桌面開發王者 - Qt 6 全方位實例應用開發$1,200$948 -
Python + OpenCV — 機器學習 + 深度學習 40大電腦視覺案例入門到實戰$1,200$948 -
內行人才知道的機器學習系統設計面試指南 (Machine Learning System Design Interview)$680$537 -
內行人才知道的系統設計面試指南 第二輯 (System Design Interview – An Insider's Guide: Volume 2)$820$647 -
設計模式與遊戲開發的完美結合 (好評回饋版)$680$530 -
JavaScript 重修就好$760$600 -
Browser Web API 攻略大全：從開箱即用的實作範例開始，逐步掌握開發技巧（iThome鐵人賽系列書）$650$507 -
每個程式設計師都應該知道的 60個演算法 (AI 強化版)$850$663 -
AI 程式設計、深度學習與 LLM 入門到精通：PyTorch × GPT × Transformer × LLaMA 實作指南（iThome鐵人賽系列書）$650$507 -
Kali Linux 學習手冊｜安全測試、滲透測試與道德駭客, 2/e (Learning Kali Linux: Security Testing, Penetration Testing & Ethical Hacking, 2/e)$880$695 -
猴子也能懂的電腦對局：從入門到實戰帶你打造遊戲 AI（iThome鐵人賽系列書）$650$507 -
Vibe Coding CLI 頂級開發 - Claude Code 前瞻菁英育成手冊$1,080$853 -
LLM × 網路爬蟲終極實戰：n8n 串接資料爬取 × Qdrant × RAG 打造本機 AI Agent$980$774 -
程式人的第一本 Python 量化投資筆記：Colab 即時演練 × Backtrader 策略設計到績效評估全流程（iThome鐵人賽系列書）$600$468 -
迎戰 APCS！C++ 從零開始的 PBL 實戰學習法$760$600 -
Graylog 整合應用實戰：打造視覺化與智慧化的新世代資安監控平台$650$507
今日快閃 2書66折 詳見活動內容 »
-
66折
零花費上手！【 Gemini Notebook × Spark × Gemini 3.x 】萬用手冊$650$429 -
66折
【 GPT-6 × ChatGPT Work 】上工了！最強 AI 活用術$560$369 -
66折
玩爆你的龍蝦 — 最強 OpenClaw 安裝設定應用實機演練$880$580 -
66折
Google AI 創作術: 靈感 x 圖像 x 設計 x 音樂 x 影片的工作流$620$409 -
66折
ChatGPT 對話 x Work x Codex：從生成式 AI 到 AI Agent 工作術$680$448 -
79折
AI Harness 駕輕就熟：OpenCode 讓 Vibe Coding 更自由$820$647 -
79折
Gemini 投資理財全攻略：小資族看過來！完全零門檻的 AI 智慧選股 × 財報分析 × 資金管理$599$473 -
79折
零基礎學 Vibe Coding-Codex: 不懂程式，也能用 AI 從想法做到作品$780$616 -
79折
Deep Agents 實戰：用 LangChain 自建能連續工作的 AI Agent$1,280$1,011 -
79折
誰說資安寫不了情書 (好評熱銷版)$880$695 -
79折
AI 驅動開發 - 從 Prompt 到 Loop，建立可控、可驗、可恢復的工程系統$720$568 -
79折
AI 行銷實驗室：創意企劃、內容實作、數據洞察與會員經營$590$466 -
79折
Gemini Notebook 知識管理術 - 打造你的 AI 第二大腦$620$489 -
79折
ChatGPT AI Agent 工作術：87 個職場實作範例 | ChatGPT Work × Plugins × Skills$720$568 -
79折
AI Agent 工作革命 - 用 ChatGPT Work 打造企業競爭力$620$489 -
79折
StatQuest 圖解神經網路與深度學習$890$703 -
79折
《生成式AI × 穩健提示框架技術 III》語言模型與介面設計篇 | Hugging Face × Streamlit × Gradio$790$624 -
66折
【ChatGPT Work × GPT-5.6】ChatGPT 上工了！最強 AI 活用術$560$369 -
79折
生成式 AI 規劃與應用$650$513 -
79折
Harness 強大應用 - Codex App 超越 Coding Agent 實戰大全$980$774 -
79折
30天之後，你就是團隊內最會 n8n 的人 - 寫給小白的 AI 自動化英雄之旅$780$616 -
79折
StatQuest 圖解機器學習$790$624 -
79折
程式不會動就不能下班！給新手工程師的 Debug 攻略$550$434 -
79折
AI Agent 時代 - 全功能代理人原理框架及企業開發$880$695 -
79折
AI 搜尋策略優化與實務 - SEO 與 GEO 兼容工作流程$590$466
商品描述
\好評熱銷再上市/
甚麼？網頁也可以做派對遊戲！Σ(ˊДˋ;)
在3種風格迥異、搞笑有趣的遊戲中學習3D網頁開發。ᕕ( ﾟ ∀。)ᕗ
讓手機化作joy-con，即時連線控制遊戲人物。(/≧▽≦)/
☆不只是網頁
隨著瀏覽器的蓬勃發展，現在網頁可以存取GPS、加速度計、照度計、麥克風、攝影機等等硬體訊號，還可以配合WebGPU、WebGL運行複雜的3D內容。
基於上述理由，網頁已可以成為遊戲機，手機瀏覽器甚至能像joy-con一般，作為搖桿使用，本書將帶領大家從頭打造一個可以使用手機遙控的派對遊戲。
☆寓教於樂
本書將帶領大家如何建立3D遊戲並透過手機即時遙控，藉由遊戲與技術的連結，讓讀者能夠從底層了解運作原理且不會枯燥乏味。
☆由淺入深
本書將依序介紹Vue、babylonjs、NestJS等等技術，讓讀者可以循序漸進的認識相關技術，接著整合這些技術與工具，透過功能與遊戲層層堆疊，最終淬鍊成一個完整的網頁應用程式。
作者簡介
鱈魚(林昰辰)
機械、自動控制領域出身，在IoT概念普及後，一頭栽進前後端開發，熱衷於結合各類領域技術、開發酷酷的東西。
★LinkedIn：
https://www.linkedin.com/in/shih-chen-lin-codfish
★Youtube
https://youtube.com/@codfish2140?si=OCFOdURqNmNAbPxF
目錄大綱
▌第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章 後記
