鐵人檔案
PixiJS 目前出到 v5，仍舊是相當好用的 WebGL 內容產生工具
本系列文延續我 2018 iT 邦幫忙鐵人賽 的文章
加入很多實作時遇到的問題、意料之外的狀況、一些進階使用方式與小工具的使用心得
先前在 iT 邦幫忙鐵人賽 寫 PixiJS 是2017年年底的事 由於是再談 PixiJS，這次的系列文是基於 2018 iT 邦幫忙鐵人賽PixiJS，方便...
寫在第二天的是覺得很容易踩到的麻煩點：排列與寬高 為了重現麻煩點，設定了一個情境： 創造三個容器，裡頭各放了一個 100x100 的色塊。 並讓三個容器水平緊...
先前的系列文提過，可透過 addChild(child) 將可視物件加到容器，並存放在 children 陣列裡 [PixiJS - Day-07] stag...
這篇不長，倒是挺雷的 一個空容器，裡面放了一個 100x150 的色塊，並用遮罩遮成 100x100Q：這時容器高度是多少？ 選項1：100選項2：150選項3...
用可視物件的 繼承關係 來理解各個可視物件與行為滿方便的研究了目前 5.3.2 版本的繼承關係，並畫了一張繼承圖： (準備這張圖片時與寫文章時有一點時間差異，版...
接續昨天的討論，先討論幾個可視物件的行為： 繼承自 Container 的行為 Graphics 類別 繼承自 Container，因此可以使用 addChi...
在 PixiJS 裡，使用 addChild(...children) 方式將顯示物件放入 container 後並不是直接使用 container[child...
系列討論來到互動，先暖身幾個 PixiJS 互動的特性： 開啟互動： PixiJS 預設沒有互動行為，需要先指定 interactive = true指定了 i...
官方範例上會越點越大的例子：Demo - INTERACTION > Click // Pointers normalize touch and mous...
這次寫系列文章時，查了很多 PixiJS 的說明文件與原始檔因此發現了一些說明文件上的問題，也發了幾次 PR 與發 Issue 參加討論 第一次勘誤與發 PR...
