1106_2026手帳年曆

【電子書】網頁視覺特效最強必殺技大全:用 Three.js 與 Shader 圖說核心原理 x 閃避踩雷 x 創作指南(iThome鐵人賽系列書)

  • 570
  • ※ 本商品會員日滿額金幣加碼回饋最高15倍

活動訊息

金石堂,總有一本書懂你!雙11更好買,25家銀行信用卡分期0利率!

內容簡介

學網頁 3D 可以用聰明的方式融會貫通, 再也不用埋頭苦幹! 本書內容改編自第 14 屆 iThome 鐵人賽 Software Development 組的優選系列文章《30 天成為鍵盤麥可貝:前端視覺特效開發實戰》。本書透過不同前端 3D 作品案例逐步解釋 WebGL 底層運作原理,用淺顯易懂的方式,搭配豐富的插圖,進而解釋艱澀難懂的主題,幫助讀者打造屬於自己的網頁 3D 作品。內容從數學原理到畫面上的特效,從第一行程式碼到各個 bug 的解方,深入淺出,口吻風趣,涵蓋理論到實務創作的全面認識,帶領讀者輕鬆進入前端 3D 的大門。 網頁 3D 在創作時,最麻煩的是踩到深不見底的大坑,而這些大坑往往代表底層原理需要被理解,本書也依照不同案例會遇到的大坑做詳盡解釋,讓新手除了能夠打造自己的作品外,還可以省下埋頭苦幹的時間,用聰明的方式融會貫通! | 核心內容 本書分為三部曲,第一部曲介紹多種底層關係,第二部曲提供多個 three.js 案例的教學同時引出原理,第三部曲深入 Shader 的世界。每一部都能單獨看,每一個案例都有上手的程式碼以及完成的程式碼,學網頁 3D 再也不必茫然! | 目標讀者 ◪ 對網頁開發相對陌生,但希望能更嘗試網頁 3D 並融入創作的網頁設計師 ◪ 對 3D 相對陌生,但對網頁 3D 躍躍欲試的前端工程師 ◪ 對網頁 3D 感到好奇,想多加認識該領域的勇者 ◪ 想嘗試在網頁上呈現創作的 3D 建模師 ◪ 尋找更酷炫的媒材加以創作的視覺藝術家 | 專業推薦 「我衷心推薦《網頁視覺特效最強必殺技大全》,書中很多艱澀的原理在 Umas 的文筆下都相當有趣,相信你將從中受益匪淺。」 ——蔡木景,《JavaScript 概念三明治》作者

目錄

  • Contents
    1. 書封
    2. 推薦序
    3. 序言
    4. CHAPTER 01 導論:前端3D視覺特效是什麼?
    5. PART Ⅰ | 用three.js理解3D世界觀
    6. CHAPTER 02 安裝、建置環境
    7. CHAPTER 03 Hello three.js!
    8. CHAPTER 04 three.js空間座標――讓世界繞著我旋轉!
    9. CHAPTER 05 什麼!空間被扭曲了?我three願稱你為最強――矩陣
    10. CHAPTER 06 The World!砸瓦魯多!歐拉歐拉歐拉!――歐拉角跟四元數
    11. CHAPTER 07 three.js圓弧的藝術家!弧線的教授!――OrbitControls軌道控制器
    12. CHAPTER 08 three.js的一方通行:矢量操作――全面釐清向量與底層特性
    13. CHAPTER 09 你有被光速踢過嗎?解析3D界的黃猿――光的底層原理與介紹
    14. CHAPTER 10 傲慢的太陽――光的開發
    15. PART Ⅱ | 用Three.js實戰3D作品
    16. CHAPTER 11 前端視覺特效工程師實戰:全球戰情室――貼圖原理
    17. CHAPTER 12 前端 3D 視覺特效開發實戰:全球戰情室――實作地球
    18. CHAPTER 13 3D地球特效開發實戰:留下飛雷神術式吧!――經緯度座標轉換
    19. CHAPTER 14 three.js 3D地球特效開發實戰:飛雷神之術走跳地球!――鏡頭追蹤與浮動文字
    20. CHAPTER 15 three.js 3D圖表特效開發實戰――繪畫就跟佐為下棋一樣簡單:線段原理
    21. CHAPTER 16 3D圖表特效開發實戰――來人!餵公子吃餅:圓餅圖
    22. CHAPTER 17 3D圖表特效開發實戰――你爹只給個爛餅,大不了還你3D爛餅:用粉圓體做立體圓餅圖
    23. CHAPTER 18 three.js GIS系統開發實戰――鄉鎮市區GIS系統:SVG、GeoJson的應用
    24. CHAPTER 19 three.js GIS系統開發實戰――成為網頁特效的鹿丸!影子模仿術:陰影的終極原理
    25. CHAPTER 20 three.js前端3D視覺特效開發實戰――設備檢視器:倒影特效
    26. CHAPTER 21 前端3D視覺特效開發實戰――智慧工廠:倒影特效
    27. CHAPTER 22 智慧工廠開發實戰――Dejavu!讓鏡頭跟著拓海一起飄移:鏡頭追蹤、飄移特效
    28. PART Ⅲ | 用Shader實戰視覺特效
    29. CHAPTER 23 WebGL Shader――你好啊大哥哥,沒想到你可以到Shader來呢!
    30. CHAPTER 24 WebGL Shader――從認識GLSL開始釐清Shader
    31. CHAPTER 25 WebGL Shader――透過自製環境光實作Shader傳值
    32. CHAPTER 26 使用Shader創造漸層
    33. CHAPTER 27 WebGL Shader――透過Shader製作光暈:速成篇
    34. CHAPTER 28 WebGL Shader――透過Shader製作光暈:Shader傳值的原理
    35. CHAPTER 29 WebGL Shader――透過Shader製作光暈:光暈原理與多種變化形式
    36. CHAPTER 30 WebGL Shader――用Shader做全視角內光暈、星球材質
    37. 後記

    詳細資料

    詳細資料

      • 語言
      • 其他
      • 裝訂
      • ISBN
      • 9786263338012
      • 分級
      • 普通級
      • 頁數
      • 0
      • 商品規格
      • 25開15*21cm
      • 出版地
      • 台灣
      • 適讀年齡
      • 全齡適讀
      • 注音
      • 級別

    商品評價

    訂購/退換貨須知

    加入金石堂 LINE 官方帳號『完成綁定』,隨時掌握出貨動態:

    加入金石堂LINE官方帳號『完成綁定』,隨時掌握出貨動態
    金石堂LINE官方帳號綁定教學

    提醒您!!
    金石堂及銀行均不會請您操作ATM! 如接獲電話要求您前往ATM提款機,請不要聽從指示,以免受騙上當!

    購買須知:

    使用金石堂電子書服務即為同意金石堂電子書服務條款

    電子書分為「金石堂(線上閱讀+APP)」及「Readmoo(兌換碼)」兩種:

    金石堂 電子書
    • 將儲存於會員中心→電子書服務「我的e書櫃」,點選線上閱讀直接開啟閱讀。
      1. 線上閱讀:
        建議使用Chrome、Microsoft Edge 有較佳的線上瀏覽效果, iOS 14.2 或以上版本,Android 6.0 以上版本,建議裝置有6GB以上的記憶體,至少有 30 MB以上的容量。
      2. 離線閱讀:
        APP下載:iOS Android
        安裝電子書APP後,請依照提示登入「會員中心」→「我的E書櫃」→「電子書APP通行碼/載具管理」,取得通行碼再登入下載您所購買的電子書。完成下載後,點選任一書籍即可開始離線閱讀。
    Readmoo 電子書
    • 請至會員中心→電子書服務「我的e書櫃」領取複製『兌換碼』至電子書服務商Readmoo進行兌換。

    退換貨須知:

    • 因版權保護,您在金石堂所購買的電子書僅能以金石堂專屬的閱讀軟體開啟閱讀,無法以其他閱讀器或直接下載檔案。
    • 依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」,非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書、電子雜誌、下載版軟體、虛擬商品…等),不受「網購服務需提供七日鑑賞期」的限制。為維護您的權益,建議您先使用「試閱」功能後再付款購買。
    ※ 本商品會員日滿額金幣加碼回饋最高15倍
    金石堂門市 全家便利商店 ok便利商店 萊爾富便利商店 7-11便利商店
    World wide
    活動ing