iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 30
3
Modern Web

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

[WebGL - Day30] 後記與完賽

  • 分享至 

  • xImage
  •  

這篇幾乎是純心得了,剩下些細碎的東西

沒講到的部分與心得

Vertex Shader

這系列我沒講太多 Vertex Shader 的部分,
因為我沒有太多相關實作,也不太確定該如何講起


Library 的更新

各種 WebGL JavaScript Library 持續更新,也會有更多效果開發出來
隨著 Library 的更新,有時會有更親切的寫法
(但有時寫法多了也可能有些混亂)


寫鐵人賽期間的挫折

WebGL 系列文有硬,也不太好寫
有的時候還會懷疑真的有人想看嗎?

隨著寫的時間,訂閱數陸續增加了
認識了新朋友,也算各種打氣

系列文難寫還有一部分在於
系列文不該,也不能只是自己寫開心的
想寫給想知道 WebGL / Shader 怎麼寫的朋友,
或是半年前的自己

寫法很難,但也盡量把自己繞遠路的心得寫出來
想表達原來改了什麼,竟然就會變成那樣,真是太神奇了!

自己很喜歡寫了什麼,就照自己想法出現的結果
會很有成就感

文章的出發點就是寫 Shader ,也辛苦大家看完了
自己的學習過程中,搜尋到 WebGL / Shader 配合 JavaScript 的資源並不多
主題、實作類型的資源相較更少
希望配著鐵人賽的 SEO,有機會讓系列文被更多人看到

內容可能會有錯誤,但也確實在寫系列文的時候
更加釐清了一些觀念


延伸學習

  • 數學
    不用懂複雜的數學也可以開始學 Shader,
    也不排斥學習困難的數學
    可能會開始看看圖學吧

  • unity
    先前認識會寫 Shader 的朋友,有不少也同時會寫 unity
    自己有時間的時候,也想往 unity 的方向學習


致敬

前次 PixiJS系列 寫完後有發信給 Goodboy Digital
(PixiJS 的開發與維護單位)
這次完賽,我會寫信給 The Art of Code 作者,
除了表示系列文章有引用他的影片外,也表達感謝他的分享


後記

檢視了自己先前做的 WebGL筆記,
標記為 Shader 的筆記,最早也是 2015 年了

隨著使用者對網站習慣的改變
華麗效果的網站減少了不少,有些可惜
但製作動態與華麗效果,仍然是很有趣的

在社群分享,或是看朋友分享動態相關主題時
覺得喜歡做動態的開發者還是很多的

雖然 WebGL 的學習成本不低,
希望我今年這系列的文章,能讓不知道怎麼開始 WebGL 的開發者
能先玩出心得,然後再研究比較複雜的部分

最後,還是希望認識也喜歡 WebGL 的朋友!


上一篇
[WebGL - Day29] WebGL 的一些討論
系列文
寫給工程師的 WebGL 學習心得30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
King Tzeng
iT邦新手 3 級 ‧ 2019-10-16 09:51:30

謝謝Eia前輩的分享~又學到很多知識了~/images/emoticon/emoticon41.gif

感謝追這系列 QQ

0
阿展展展
iT邦好手 1 級 ‧ 2020-01-29 06:02:07

恭喜完賽 /images/emoticon/emoticon32.gif
graphic 的世界真是博大精深阿 /images/emoticon/emoticon37.gif

0
monkianer
iT邦新手 5 級 ‧ 2020-05-04 10:18:56

感謝分享,雖然隔了半年之後才看到。不過也是獲益良多。

我要留言

立即登入留言