鐵人檔案
PixiJS 目前出到 v5，仍舊是相當好用的 WebGL 內容產生工具
本系列文延續我 2018 iT 邦幫忙鐵人賽 的文章
加入很多實作時遇到的問題、意料之外的狀況、一些進階使用方式與小工具的使用心得
本篇會來討論 是否看得到 與 是否可互動 的關係 做了一個 Demo，右上角的 GUI 裡表示了整個方塊幾個屬性的開關 visible renderable...
因為滿雷的，獨立成一篇 上一篇提到，alpha 設定為 0 時，仍可以感應的到 那如果是使用 beginFill(color, alpha) 畫的 graphi...
在看互動相關的屬性時，除了 interactive 外還有一個類似的 interactiveChildren Demo 與實作後，覺得可把 interacti...
實測後的 hitArea 幾個特性： 1: hitArea 不影響物件本身的寬高2: 設定 hitArea 時，感應區以 hitArea 設定為主，物件本身的邊...
本篇討論 pointermove 事件 觸發事件與不同手機的差異 pointermove 事件： PC： 綁定在物件的 pointermove 事件，是只要...
PixiJS 註冊 pointerdown事件 時，無論是 PC 或手機版，收到事件的 原始事件 都是原生的 PointerEvent[ Demo ] box...
接著來的幾篇會與畫面呈現相關： 這篇實際上是同事遇過的問題與整理，因為相當實用且會遇到，寫進系列文章裡 直接結論： TextStyle#breakWord...
Graphics 類別有畫圓角的方法：Graphics#drawRoundedRect 但畫圓角矩形的方法在 v5.2.2 前有問題，當畫的圓角矩形寬高 小於兩...
Text 與 SVG 在 html 裡是向量，在 Canvas / WebGL 裡最後的結果是點陣。這篇會說明 Text 與 SVG 在 PixiJS 裡的特性...
實務上，通常會使用 白色或灰階 的PNG圖片、PIXI.Text 或 PIXI.Graphics，配合 tint 的方法，填入想要的顏色 實作了 tint 方...
