WebGL建構網頁中的3D遊戲 從基礎渲染原理、光影到應用
出版日期:2025-03-19
ISBN:9786267569580
定價:980元
特價: 90 折!882 元
參考分類(CAT):
參考分類(CIP): 電腦科學
內容簡介
★★★【全台第一本繁體中文WebGL教學書】★★★
★★★【好評再上市】★★★
★★★【2021 iThome 鐵人賽 Modern Web 組 優選文章改寫】★★★
★★★【536頁內容+全彩圖文解說=完整學習WebGL!】★★★
本書由 2021 iThome 鐵人賽 Modern Web 組「如何在網頁中繪製 3D 場景?從 WebGL 的基礎開始說起」改寫並加入遊戲互動要素,除了波光粼粼的海面,現在更有遊玩性了!
WebGL是一種JavaScript API,用於網頁呈現互動式2D和3D圖形,現今許多商家網頁展示自家商品,或讓顧客於線上預覽客製化商品時,都能看見其蹤影存在。
書中提供一系列連貫範例,帶領讀者透過 WebGL 在瀏覽器中學習電腦渲染 3D 的運作機制,一步步建構 3D 渲染流程,再到各種光線、陰影效果,最後加入遊戲機制與互動,製作成刺激好玩的遊戲!
本書主要內容如下
★初步認識WebGL
★Texture&2D
★3D&物件
★Lighting
★Framebuffer&陰影
★帆船與海
作者介紹
邱冠喻
PastLeo | 西瓜
pastleo.me/about
興趣使然的軟體工程師,對資訊科技的一切事物有興趣,從電腦硬體、作業系統、網路到網站前後端、應用程式之技術。
投入於 Web、前端工程,喜歡有趣的互動體驗以及創造的過程,努力鑽研 GPU 渲染與遊戲的開發。
•現任職於知名區塊鏈公司前端工程師
•多年 React、React Native 以及 Next.js 前端開發經驗
•多年 Rails、Elixir 後端開發、伺服器維運經驗
•COSCUP、MOPCON、SITCON 等社群活動講者
•ASTRO Camp Javascript 兼任講師
目次
1 - Hello WebGL
1-1 準備開發環境
1-2 畫一個三角形(上)
1-3 畫一個三角形(下)
1-4 Uniform – shader 之參數
1-5 畫多個三角形
1-6 Varying – fragment shader 之資料
2 - Texture & 2D
2-1 在 WebGL 取用、顯示圖片 – Textures
2-2 Texture 使用上的細節
2-3 互動 & 動畫
2-4 2D Transform
2-5 2D transform Continued
3 - 3D & 物件
3-1 Orthogonal 3D 投影
3-2 Perspective 3D 成像
3-3 視角 Transform
3-4 使相機看著目標
3-5 渲染多個物件
4 - Lighting
4-1 法向量(Normals)與散射光(Diffuse)
4-2 Indexed Element
4-3 請 TWGL 替程式碼減肥
4-4 Specular 反射光
4-5 點光源與自發光
4-6 Normal Map
5 - Framebuffer & 陰影
5-1 Framebuffer 是什麼?
5-2 鏡面效果
5-3 陰影—拍攝深度資訊
5-4 陰影—深度 Framebuffer 與 Texture
5-5 陰影—計算是否產生陰影
5-6 毛玻璃效果—使用 Normal Map 的鏡面
6 - 帆船與海
6-1 主角『帆船』— obj 3D 模型檔案的讀取與繪製
6-2 Skybox
6-3 半透明的文字看板
6-4 使用 Shader 即時渲染波光粼粼的海面
7 - Catch The Wind 小遊戲
7-1 地形高度圖的產生
7-2 依照地形高度圖繪製島嶼
7-3 Set Sail! 航行帆船
7-4 遊戲標題與 UI
7-5 碰撞島嶼判定、結束遊戲
7-6 結語
1、五南網路會員所購買的商品均享有取貨7天的鑑賞期﹝包含國定假日、例假日﹞,退換貨之商品必需於取貨7天內辦理退換貨,否則恕不接受退換貨。
2、依照消費者保護法規定,凡消費者於網站購物均享有7天商品鑑賞期,唯需注意辦理退貨商品需保留完整外包裝、附件、外盒等等,才可辦理退貨。
3、如欲退貨,請在鑑賞期內將商品連同發票寄回,每張訂單限退一次。
4、鑑賞期非試用期,若您收到商品經檢視後有任何不合意之處,請立即依照退貨規定辦理退貨
1、若本網站已設團購價,請直接下訂即可。
2、如您需要其他類型產品團購,則請聯繫客服或直接將需求e-mail
至wunan2351960@gmail.com即可
一、購物說明 1.本站商品近60萬筆。(商品圖片、出版日期等相關資訊僅供參考,出貨一律是最新版本) ◎請注意:上架商品不等於一定可以出貨。(會有缺書而訂不到書的狀況,敬請體諒) 2.當您下訂時,我們會向出版訂書(約7-10個工作天)(政府出版品因受限於採購程序,平均補貨作業時間約 2~6週)。如有久候,敬請見諒。當出版社回覆缺書時,我們只能取消您的訂單。 3.當您下訂時您必須同意:訂單成立的第14天起,因缺某一本書無法出貨的訂單,本站有權利自動取消您的訂單。◎請注意:缺書取消訂單我們統一發送簡訊通知。如果您要部份出貨者,請留言後再重新下單。 4.、本站保留出貨的權利。 二、運費說明 1.宅配到府:滿999元免運費,未滿則加收65元(台灣本島),離島一律加收120元 2.五南門市取貨:未滿350,運費20元 3.揪團:免運費 三、退貨與退款說明 五南會員所購買的商品均享有取貨7天的猶豫期﹝包含國定假日、例假日﹞,退換貨之商品必需於取貨7天內辦理退換貨,否則恕不接受退換貨。 1.請注意!下列商品購買後不提供7天的猶豫期,請務必詳閱商品說明並再次確認確實有購買該項商品之需求及意願時始下單購買,有任何疑問並請先聯繫客服詢問: (1)客製化之商品。 (2)買斷不退之商品。 (3)報紙、期刊或雜誌。 (4)經消費者拆封之影音商品或電腦軟體。 (5)下載版軟體、資訊及電子書。 (6)涉及個人衛生,並經消費者拆封之商品,如:內衣褲、刮鬍刀…等。 (7)藝文展覽票券、藝文表演票券。 (8)易於腐敗、保存期限較短或解約時即將逾期。 2.退貨退款詳細說明: (1)如欲退貨,請在鑑賞期內將商品連同發票寄回,每張訂單限退一次。 (2)退換貨政策:請在收到商品後,立刻檢查商品是否正確,如果有問題或瑕疵,請於7天猶豫期內完成退換貨申請手續。辦理退換貨時,商品必須是全新狀態與完整包裝(請注意保持商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性,切勿缺漏任何配件或損毀原廠外盒)。退回商品無法回復原狀者,恐將影響退貨權益或需負擔部分費用。 (3)退款說明:請您填寫退貨退款書,若您採信用卡付款,由客服人員辦理刷退手續。若採其他付款方式,我們會將退款,匯款至指定帳戶。以上需要14個工作天。 (4)退貨退款書請至【客服中心】點選『退換商品】的說明中下載。
1.每日09:00前截止訂單,包含出貨通知、缺書通知等。 3.上午9:00點以前下單,可在當日下午17:00以後,查詢出貨進度。例假日除外 4.上午9:00以後在下單,需在隔日17:00以後,方能查詢訂單出貨進度。例假日除外 5.當你使匯款或轉帳時,請務必提供帳戶末5碼之資訊,請拍照email或傳真給我方,否則須等與銀行確認後,才能出貨。 6.出貨是以下單時間為出貨先後的順序,也就是請先下單再查詢庫存,因為就算查完庫存,也可能無法先為你保留書籍(政府出版品因受限於採購程序,平均補貨作業時間約 2~6週)。
WebGL建構網頁中的3D遊戲 從基礎渲染原理、光影到應用
出版日期:2025-03-19
ISBN:9786267569580
定價:980元
特價: 90 折!882 元
參考分類(CAT):
參考分類(CIP): 電腦科學