pixjs 下載 - pixjs 原始碼下載

像素

其他源碼

8.5.2

下載

PixiJS — HTML5 創建引擎

該專案旨在提供一個可在所有裝置上運行的快速、輕量級 2D 庫。 PixiJS 渲染器讓每個人無需具備 WebGL 知識即可享受硬體加速的強大功能。而且，它很快。真的很快。

如果您想了解最新的 PixiJS 新聞，請隨時在 Twitter 上關注我們@PixiJS，我們會及時通知您！您也可以回來查看我們的網站，因為任何突破也會發佈在那裡！

我們現在是 Open Collective 的一部分，在您的支持下，您可以幫助我們讓 PixiJS 變得更好。要捐款，只需點擊下面的按鈕，我們將永遠愛您！

PixiJS 的用途以及何時使用

PixiJS 是一個渲染庫，可讓您建立豐富的互動式圖形以及跨平台應用程式和遊戲，而無需深入研究 WebGL API 或處理瀏覽器和裝置相容性。

PixiJS 支援 WebGPU，並支援 WebGL。作為一個函式庫，PixiJS 是創作互動式內容的絕佳工具。將其用於圖形豐富的互動式網站、應用程式和 HTML5 遊戲。開箱即用、跨平台相容性和優雅的降級意味著您要做的工作更少，而且做起來更有趣！如果您想相對快速地創建精美和精緻的體驗，而不需要深入研究密集的低級代碼，同時避免瀏覽器不一致的麻煩，那麼請在您的下一個項目中添加一些 PixiJS 魔法！

促進您的發展並隨意發揮您的想像！

目前功能

WebGL 渲染器（具有自動智慧批次，可實現真正快速的效能）
WebGPU 渲染器（最新瀏覽器的新增功能！）
畫布渲染器（城裡最快！）
全場景圖
超好用的API（類似flash顯示清單API）
支援紋理圖集
資產載入器/精靈表載入器
自動偵測應使用哪個渲染器
全滑鼠和多點觸控交互
文字
點陣字體文字
多行文字
渲染紋理
原始繪圖
掩蔽
過濾器
社群支持的插件

反應
脊椎
過濾器
動畫
燈
使用者介面
佈局
動圖
還有更多！

設定

PixiJS 上手很簡單！只需下載預建版本即可！

或者，PixiJS 可以與 npm 一起安裝，或簡單地使用內容傳遞網路 (CDN) URL 將 PixiJS 直接嵌入到您的 HTML 頁面中。

NPM安裝

npm 安裝 pixi.js

沒有預設導出。導入PixiJS的正確方法是：

從 'pixi.js' 導入 * 作為 PIXI；

CDN安裝

通過 jsDelivr：

或透過 unpkg：

基本使用範例

import { Application, Sprite, Assets } from 'pixi.js';// 應用程式將使用 WebGL 建立渲染器（如果可能），// 並回退到畫布渲染。它還會設定程式碼 // 和根階段 PIXI.Containerconst app = new Application();// 等待渲染器可用await app.init();// 應用程式將為您建立一個畫布元素// 然後可以插入到DOMdocument.body.appendChild(app.canvas);// 載入我們需要的紋理consttexture = wait Assets.load('bunny.png');// 這會從'bunny.png' 中建立一個紋理。 bunny = new Sprite(texture);// 設定bunnybunny的位置.x = app.renderer.width / 2;bunny.y = app.renderer.height / 2;// 圍繞centerbunny.anchor旋轉.x = 0.5;bunny .anchor.y = 0.5;// 將兔子加入我們正在建構的場景中app.stage.addChild(bunny);// 監聽幀更新app.ticker.add(() => { //每一幀我們都會讓兔子旋轉一點bunny.rotation += 0.01;});