pixijs

极快的 Web 2D 渲染库。这是一款轻量级、高性能的 Web 2D 图形库，支持 WebGL 和 WebGPU 双渲染器。它提供简洁易用的 API，内置资源加载器、多点触控、动态纹理和滤镜等功能，适用于开发 Web 游戏、数据可视化等场景。

typescript import { Application, Assets, Sprite } from 'pixi.js';(async () =>{// Create a new application const app = new Application();// Initialize the application await app.init({ background: '#1099bb', resizeTo: window });// Append the application canvas to the document body document.body.appendChild(app.canvas);// Load the bunny texture const texture = await Assets.load('https://pixijs.com/assets/bunny.png');// Create a bunny Sprite const bunny = new Sprite(texture);// Center the sprite's anchor point bunny.anchor.set(0.5);// Move the sprite to the center of the screen bunny.x = app.screen.width / 2;bunny.y = app.screen.height / 2;app.stage.addChild(bunny);// Listen for animate update app.ticker.add((time) =>{// Just for fun, let's rotate mr rabbit a little.// * Delta is 1 if running at 100% performance *// * Creates frame-independent transformation *bunny.rotation += 0.1 * time.deltaTime;});})();