PDF JPG
本書有DRM加密保護,需使用HyRead閱讀軟體開啟
  • WebGL建構網頁中的3D遊戲 從基礎渲染原理、光影到應用
  • 點閱:56
    103人已收藏
  • 作者: 邱冠喻著
  • 出版社:深智數位
  • 出版年:2022
  • ISBN:9786267146828
  • EISBN:9786267146910 PDF
  • 格式:PDF,JPG
  • ● 本書因出版社限制不提供朗讀功能
  • ● 本書因出版社限制不提供繁簡轉換功能
租期14天 今日租書可閱讀至2024-07-01

★★★【全台第一本繁體中文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 兼任講師
  • 序(第iii頁)
  • 1 Hello WebGL(第1-1頁)
    • 1-1 準備開發環境(第1-2頁)
    • 1-2 畫一個三角形(上)(第1-12頁)
    • 1-3 畫一個三角形(下)(第1-21頁)
    • 1-4 Uniform – shader 之參數(第1-28頁)
    • 1-5 畫多個三角形(第1-37頁)
    • 1-6 Varying – fragment shader 之資料(第1-39頁)
  • 2 Texture & 2D(第2-1頁)
    • 2-1 在 WebGL 取用、顯示圖片 – Textures(第2-2頁)
    • 2-2 Texture 使用上的細節(第2-12頁)
    • 2-3 互動 & 動畫(第2-25頁)
    • 2-4 2D Transform(第2-44頁)
    • 2-5 2D transform Continued(第2-54頁)
  • 3 3D & 物件(第3-1頁)
    • 3-1 Orthogonal 3D 投影(第3-2頁)
    • 3-2 Perspective 3D 成像(第3-17頁)
    • 3-3 視角 Transform(第3-34頁)
    • 3-4 使相機看著目標(第3-41頁)
    • 3-5 渲染多個物件(第3-52頁)
  • 4 Lighting(第4-1頁)
    • 4-1 法向量(Normals)與散射光(Diffuse)(第4-4頁)
    • 4-2 Indexed Element(第4-25頁)
    • 4-3 請 TWGL 替程式碼減肥(第4-32頁)
    • 4-4 Specular 反射光(第4-44頁)
    • 4-5 點光源與自發光(第4-57頁)
    • 4-6 Normal Map(第4-67頁)
  • 5 Framebuffer & 陰影(第5-1頁)
    • 5-1 Framebuffer 是什麼?(第5-4頁)
    • 5-2 鏡面效果(第5-14頁)
    • 5-3 陰影 – 拍攝深度資訊(第5-26頁)
    • 5-4 陰影 – 深度 Framebuffer 與 Texture(第5-37頁)
    • 5-5 陰影 – 計算是否產生陰影(第5-41頁)
    • 5-6 毛玻璃效果 – 使用 Normal Map 的鏡面(第5-52頁)
  • 6 帆船與海(第6-1頁)
    • 6-1 主角『帆船』 – obj 3D 模型檔案的讀取與繪製(第6-3頁)
    • 6-2 Skybox(第6-23頁)
    • 6-3 半透明的文字看板(第6-43頁)
    • 6-4 使用 Shader 即時渲染波光粼粼的海面(第6-62頁)
  • 7 Catch The Wind 小遊戲(第7-1頁)
    • 7-1 地形高度圖的產生(第7-4頁)
    • 7-2 依照地形高度圖繪製島嶼(第7-19頁)
    • 7-3 Set Sail!航行帆船(第7-36頁)
    • 7-4 遊戲標題與 UI(第7-60頁)
    • 7-5 碰撞島嶼判定、結束遊戲(第7-79頁)
    • 7-6 結語(第7-104頁)
紙本書 NT$ 980
單本電子書
NT$ 686

點數租閱 20點
租期14天
今日租書可閱讀至2024-07-01
還沒安裝 HyRead 3 嗎?馬上免費安裝~
QR Code