Pixi.js
Pixi.js is a 2D webGL renderer with a seamless canvas fallback that enables it to work across all modern browsers both desktop and mobile. Helping Goodboy and hopefully you achieve the big fat goal of “Build once, play everywhere
以上是官方對 Pixi.js 的解釋
Pixi.js 使用 WebGL,是一個超快的 HTML5 2D 渲染引擎。
作為一個 Javascript 的 2D 渲染器,Pixi.js的目標是提供一個快速的、輕量級而且是兼任所有設備的 2D 庫。
支援主流瀏覽器,包括 PC 與行動裝置。 不支援 WebGL 的裝置會以 Canvas 呈現,但是效果會大大減少。
Pixi.js 有許多優點:
- 渲染快速、效能優異
- 清楚的 Documentation
- 豐富的 Example
- 簡易的元件封裝處理
- 可結合 Greensock , Create.js .... 等 Animation library
- TexturePacker 輸出
Json Hash
拼貼圖片 - bitmap 字型與 WebFont - ( Demo )
- 完善的滑鼠事件 - ( Demo )
- 豐富的濾鏡 - ( Demo )
Spine 輸出動畫 - ( Demo )
此書是以個人實作經驗分享,不一定是完全正確,若有疑問請與我聯絡。
- 請照順序閱讀,才能了解各項原理。