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' 中创建一个纹理。 png' imageconst 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;});