iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 3
3
Modern Web

寫給工程師的 WebGL 學習心得系列 第 3

[WebGL - Day03] WebGL 學習資源

  • 分享至 

  • xImage
  •  

本文介紹一些 WebGL 資源,
以及簡介一些 WebGL 資源的選擇方式

線上與影片教學:

The Book of Shaders

https://thebookofshaders.com/
The Book of Shaders
推薦閱讀,有簡中翻譯
可以的話建議閱讀英文版,翻譯上可能略有差異


YouTube Channel: The Art of Code

https://www.youtube.com/channel/UCcAlTqd9zID6aNX3TzwxJXg
The Art of Code
主要在 ShaderToy 平台上講解 Shader 的寫法,
也有入門教學系列、基礎教學
講解很詳細


Shader Development using Unity

https://www.youtube.com/watch?v=FQ_5VQCc5XI&list=PL09X4HXJpa8kfw8cZjyYZel8WlOT5B1_k
Shader Development using Unity
也是一個相當清楚好上手的影片教學系列
較需注意的是系列使用的是 Unity,並非 WebGL


書:

Beginning WebGL for HTML5

https://www.apress.com/gp/book/9781430239963
Beginning WebGL for HTML5


WebGL Beginner's Guide

https://www.packtpub.com/game-development/webgl-beginners-guide
WebGL Beginner's Guide


WebGL: Up and Running

http://shop.oreilly.com/product/0636920024729.do
WebGL: Up and Running

這三本是我讀過覺得好理解的書,
純 WebGL 的書讀起來會比較硬,但也是一個方向


學習資源的選擇:

學習資源的日期:

WebGL 系列討論的是較為底層的實作,
因此日期較舊的資源依舊適用

JavaScript Library 如 three.js、PixiJS 各版本的差異較大
這部分的資源須注意使用版本與日期

搜尋資源的方式:

WebGLOpenGLShader 都是學習 WebGL 時可以搜尋的方向,
也許並不完全代表這系列討論的方向

搜尋 WebGL 也並不是這系列的討論方向?
聽起來滿有趣的,我會在後面的文章討論


上一篇
[WebGL - Day02] 幾個漂亮 WebGL 網頁介紹
下一篇
[WebGL - Day04] 為什麼 WebGL 的效能這麼強?
系列文
寫給工程師的 WebGL 學習心得30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言