PixiJS 是什麼

那麼 PixiJS 到底是什麼？在核心部分，PixiJS 是一個渲染系統，使用 WebGL（或 Canvas 可選）來顯示影像和其他 2D 視覺內容。它提供了一個完整的場景圖（要渲染的物件階層），並提供互動支援以處理按一下和觸控事件。它是在現代 HTML5 世界中 Flash 的自然替代方案，但是提供更好的效能和超越 Flash 所能達到的像素等級效果。它非常適合線上遊戲、教育內容、互動式廣告、資料視覺化... 任何網頁應用程式中需要複雜圖形的地方。而且配合 Cordova 和 Electron 等技術，PixiJS 應用程式可以跨瀏覽器發行為行動和桌面應用程式。

以下是您使用 PixiJS 可以獲得的其他功能

PixiJS 是... 快速

讓 PixiJS 區別於其他以網頁為基礎的渲染解決方案的主要功能之一是速度。從最初開始，渲染管線就已經建立，以從使用者的瀏覽器獲得最高效能。自動精灵和幾何體批次處理、謹慎使用 GPU 資源、緊湊的場景圖 - 無論您的應用程式是什麼，速度都很重要，而 PixiJS 有充足的備用。

... 不只精靈

使用 HTML5 和 DOM 可以處理網頁上的繪製影像，那為什麼要使用 PixiJS？除了效能之外，答案是 PixiJS 不僅止於單純的影像。使用 MeshRope 繪製軌跡和路徑。使用 Graphics 繪製多邊形、直線、圓形和其他圖元。Text 提供與精靈一樣高效率的完整文字渲染支援。而且，即使在繪製單純的影像時，PixiJS 也原生支援精靈頁面，以利於高效能載入和簡易開發。

... 硬體加速

JavaScript 有兩個 API 可處理圖形渲染的硬體加速：WebGL 和較新的 WebGPU。兩者基本上提供 JavaScript API，可存取使用者的 GPU 以快速渲染和進階效果。PixiJS 充分利用它們有效率地顯示數千個移動精靈，即使是在行動裝置上也是如此。不過，使用 WebGL 和 WebGPU 的優點不僅僅是速度。透過使用 篩選器 類別，你可以撰寫著色器程式（或使用預先建立的程式！）來實作位移貼圖、模糊和其他進階視覺效果，而這些效果是無法僅使用 DOM 或 Canvas API 實現的。

... 開放原始碼

想了解引擎運作方式嗎？嘗試追蹤錯誤嗎？是否曾被關閉原始碼專案的停擺搞得狼狽不堪？有了 PixiJS，你可以取得一個成熟的專案，並完全存取原始碼。我們採用 MIT 授權以確保相容性，並 在 GitHub 上建置 以利於追蹤問題和輕鬆存取。

... 可擴展

開放原始碼有所幫助。基於 JavaScript 也有幫助。但 PixiJS 易於擴展的真正原因，在於支撐系統每個部分之下乾淨的內部 API。經過多年的開發和 5 次重大發佈，PixiJS 已準備好讓你的專案獲得成功，無論你的需求是什麼。

... 容易部署

Flash 需要播放器。Unity 需要安裝程式或應用程式商店。PixiJS 需要... 一個瀏覽器。在網路上部署 PixiJS，就像部署一個網站一樣。它就是這樣 — JavaScript + 影像 + 音訊，就像你做過數百次一樣。你的使用者只要瀏覽一個 URL，就能執行你的遊戲或其他內容。但它不會只停留於網路。如果你想部署一個行動應用程式，請將你的 PixiJS 程式碼包裝在 Cordova 中。想部署一個獨立的桌面程式嗎？建立一個 Electron 包裝，你就能開始大顯身手了。