鐵人檔案
WebGL 不好學，可是使用 WebGL 技術後又好像特別厲害
究竟 WebGL 為什麼不好寫，WebGL 能做到的效果為什麼這麼厲害
系列文將分享自己的學習經驗，討論在學習 WebGL 時會遇到的各種情境
系列文來到三部分，開始寫些什麼了！ 這次寫的是類似電視雜訊的效果：分為兩個部分： Shadertoy 電視線效果 (效果參考自 The Art of Co...
今天組合幾個先前介紹過的部分： Fragment Shader 畫圓 遮罩、Uniform PixiJS 濾鏡 實作： PixiJS 圓形淡入...
今天討論的是 Ascii Filter 與實作 ViiSUALiiZER 前陣子看朋友在討論這個案例，覺得 Ascii Filter 效果很適合在這個系列挑篇...
Metaball 是一個電腦圖學裡的理論，中文 wiki 叫 元球，也有稱呼為變形球、黏黏球等是很經典的效果在3D軟體、After Effects、CSS濾鏡、...
接著來到 Metaball 的 Shader 實作 Metaball 可應用的方式： 可能跳得有點快，但以下這個確實是 Metabal 效果可應用的方式スプレ...
Displacement Filter 是一個常見的效果， PixiJS 裡也有這個濾鏡但研究 Displacement Filter 並使用 WebGL 實作...
前篇提到可由調整 uv 對應的圖來製作漣漪效果 滑鼠點下 第一步是控制滑鼠點下，讓圓圈出現在滑鼠點下的位置程式碼： float Circle(vec2 uv,...
前篇講了 Shdertoy 上的 Displacement Filter 實作，今天終於要把程式碼通通組合起來了！ 滑鼠互動 跟隨滑鼠軌跡 在 PixiJS...
先前推薦 PixiJS 的系列文，當時是推坑這次 WebGL系列 ，希望越多人寫越好，可以討論跟交朋友至於是否推坑，我會說 「快入坑，我想找人交流心得！」 鐵...
這篇幾乎是純心得了，剩下些細碎的東西 沒講到的部分與心得 Vertex Shader 這系列我沒講太多 Vertex Shader 的部分，因為我沒有太多相關實...
