系列文章
[PixiJS - Day-11] PIXI.Text 與 PIXI.TextStyle
官網裡關於文字的範例有兩個： BASICS - Texthttp://pixijs.io/examples/#/basics/text.js DEMOS - T...
[PixiJS - Day-12] PIXI.extras.AnimatedSprite
本篇介紹的是 PIXI.extras.AnimatedSprite 類別 PIXI.extras.AnimatedSprite 是個會動的 Sprite 類別...
[PixiJS - Day-13] PIXI.loaders.Loader
回顧 PixiJS 在建立後會產生的幾個成員： loader renderer stage ticker view 本篇會提到的是 loader，也是...
[PixiJS - Day-14] PIXI 與使用者互動
如果要說我在學習 PixiJS 裡最吃驚的事情 我想應該是 互動物件在沒有設定 interactive = true 時不會被感應 因為太習慣 HTML 裡上層...
[PixiJS - Day-15] PIXI 的 resize
很多時候 PixiJS 需要 resize，使用方式相當簡單 window.onresize = function (event){ var w = win...
[PixiJS - Day-16] 使用 dat.GUI 工具除錯
如之前提到的，由於 PixiJS 不是 HTML DOM 結構，無法使用開發工具調整物件 我常使用的工具是 dat.GUI，是Chrome Experiment...
[PixiJS - Day-17] tint 上色與在 PixiJS 玩顏色
支援 tint 方法的物件，可透過設定 tint:number 的方式將顏色套在物件上(設定 tint:0xFFFFFF 會移除套色效果) 官方範例 DEMOS...
[PixiJS - Day-18] 在 PIXI 裡使用 blendMode 混合模式
支援 blendMode 方法的物件，可透過設定 PIXI.BLEND_MODES 的方式將混合模式套在物件上(設定為 PIXI.BLEND_MODES.NOR...
[PixiJS - Day-19] 在 PixiJS 裡材質的其他用法
先前兩篇提到 PixiJS 使用素材的方法： 使用圖片素材 AnimatedSprite 類別，將 sprite 圖片當作逐格影片來用 [PixiJS -...
[PixiJS - Day-20] 在 PixiJS 裡使用 Filters 與 Shader
本篇會講在 PixiJS 裡使用 濾鏡 與 Shader方便理解，分做兩個部分: PixiJS 已寫好，可直接使用的濾鏡 手寫 Shader，實際上也是以濾...