鐵人檔案
PixiJS 目前出到 v5，仍舊是相當好用的 WebGL 內容產生工具
本系列文延續我 2018 iT 邦幫忙鐵人賽 的文章
加入很多實作時遇到的問題、意料之外的狀況、一些進階使用方式與小工具的使用心得
填入漸層感覺不難，Canvas 有方法可以用： HTML Canvas Gradients CSS 也有方法可以用： CSS Gradients 但用 Pixi...
前幾篇提到畫漸層填色，這篇來討論使用漸層線段 畫漸層色塊時使用 canvas2d gradient API 方法，繪製漸層線段原理差不多，但有不同的實作方法：方...
這篇介紹 Texture / BaseTexture：好像常看到他們，可是有不是很好理解 可以想像 Texture 是 Sprite 使用的材質，那 BaseT...
標題看起來好像有點厲害，但是是要實作把 網頁弄壞的 Demo 先前提到 Texture.from(<canvas>) 會產生 TextureCach...
前幾篇提了 Texture、BaseTexture、PixiJS 的 Cache，這篇討論 可視物件 的 destroy() 方法 在 PixiJS 的 Co...
前幾篇提到了 PixiJS 裡的 Texture 與快取，這篇要談的是 Loader PIXI.Loader 說明文件上的 Example ，還不算太複雜：...
PixiJS 是怎麼把 Spritesheet JSON 檔讀成 PIXI.Spritesheet 後給 PIXI.AnimatedSprite 使用的? [...
補充幾個 Loader 的特性： 1. 在讀取完成前無法使用 add() 讀取下一個檔案： [ Demo-1 ] const loader = PIXI.Loa...
這篇介紹 TexturePacker 工具，並使用匯出的 .json檔 與 Spritesheet圖 今日目標： 使用 Loader 讀取 .json 檔，...
這次系列到這篇滿30篇，但還有幾篇會寫，對自己來說不算完賽，這篇像是 完賽心得(上) 的概念 今年準備了兩個題目： 今年滿早就開始準備寫鐵人，準備時有兩個方向...
