PixiJS 是運作在 WebGL 下的內容產生工具,如果頁面不支援 WebGL,也可自動轉換成在 Canvas 裡運作。
內建各種互動方式,可以使用一套程式碼,分別對手持裝置與PC做不同或是相同的事件監聽。
也內建了遮罩與混和模式效果,視覺與互動上可考慮與一般網頁不一樣的呈現方式。
擴充上也可再加上 WebGL 濾鏡等功能,更多的介紹與實作,就在內文裡了!
在寫這個主題前,我先問了自己 讓網頁上能看到畫面、動態的方式很多,為什麼會特別選擇PixiJS? 各種表現視覺與動態的做法各有其特性: 靜態圖:沒有瀏覽器限...
本篇提一些 PixiJS 的官方資料 PixiJS 官網:http://www.pixijs.com/由 goodboy 公司開發的 2D WebGL Ren...
本文介紹一些使用 PixiJS 製作的內容: 2020.01.13更新:2020總統大選 得票突破800萬 動態效果 2017.12.22更新:【 奔跑吧!台北...
本文列出一些官網上的英文說明,我會簡單翻譯並加上自己的心得http://www.pixijs.com/#features-list Fast PixiJS'...
作為第一部份的最後一篇,我回到介紹自己,以及我使用 PixiJS 的情形 我的 GitHub:https://eia.github.io除了 PixiJS 外...
PixiJS 在建立後會產生幾個成員: loader renderer stage ticker view 本篇會提到的是 renderer 與...
PixiJS 在建立後會產生幾個成員: loader renderer stage ticker view 本篇會提到的是 stage 與 stage...
PIXI.Graphics 官方文件:http://pixijs.download/dev/docs/PIXI.Graphics.html PixiJS.Gr...
遮罩 mask 在 PixiJS 裡相當容易使用,用法是被遮的物件.mask = 遮罩;不使用時,設定 被遮的物件.mask = null; 即可 程式碼: v...
回顧 PixiJS 在建立後會產生的幾個成員: loader renderer stage ticker view 本篇會前半會提到 ticker...