[TOC] > [example](https://pixijs.io/examples-v4/#/demos-basic/container.js) > [github](https://github.com/pixijs) > [doc](http://pixijs.download/release/docs/index.html) ## 概述 - 該項目的目的是提供一種適用于所有設備的快速輕量級2D庫 - PixiJS渲染器使每個人都可以享受硬件加速的強大功能，而無需WebGL的先驗知識 特點:92 * WebGL渲染器（具有自動智能批處理功能，可實現真正的快速性能） * 畫布渲染器（鎮上最快的渲染器！） * 全場景圖 * 超級易用的API（類似于Flash顯示列表API） * 支持紋理圖集 * 資產裝載器/精靈表裝載器 * 自動檢測應使用哪個渲染器 * 全鼠標和多點觸控交互 * 文本 * BitmapFont文字 * 多行文字 * 渲染紋理 * 原始圖 * 掩蔽 * 篩選器 ## hello world ``` <script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js"></script> const app = new PIXI.Application(); // The application will create a canvas element for you that you // can then insert into the DOM document.body.appendChild(app.view); // load the texture we need app.loader.add('bunny', 'bunny.png').load((loader, resources) => { // This creates a texture from a 'bunny.png' image const bunny = new PIXI.Sprite(resources.bunny.texture); // Setup the position of the bunny bunny.x = app.renderer.width / 2; bunny.y = app.renderer.height / 2; // Rotate around the center bunny.anchor.x = 0.5; bunny.anchor.y = 0.5; // Add the bunny to the scene we are building app.stage.addChild(bunny); // Listen for frame updates app.ticker.add(() => { // each frame we spin the bunny around a bit bunny.rotation += 0.01; }); }); ```