Repolode
Предложить
pixijs

pixijs/pixijs

Быстрая библиотека для 2D-рендеринга в вебе: рисует графику, спрайты и текст с помощью WebGL и WebGPU.

Открыть на GitHubСайт
Звёзды
48,424
Форки
5,105
Открытые issues
398
Последний коммит
3 дня назад

Что это?

PixiJS — HTML5-библиотека для 2D-рендеринга, с помощью которой можно создавать интерактивную графику, игры и кроссплатформенные приложения в браузере. Она выполняет рендеринг через WebGL и WebGPU и предоставляет API Canvas-сцены, позволяющий добавлять на сцену спрайты, текст, векторные фигуры и контейнеры и обновлять их каждый кадр.

В библиотеку входят загрузчик ресурсов, обработка ввода мышью и мультитач-жестов, гибкая отрисовка текста, примитивов и SVG, динамические текстуры, маски, фильтры и режимы смешивания. Установить PixiJS можно через npm, а CLI create-pixi создаст шаблон нового проекта одной командой.

В PixiJS входят объявления типов TypeScript. В проектах на TypeScript 5 типы WebGPU добавляются автоматически, а для TypeScript 6 и 7 необходимо использовать @types/web, как описано в инструкциях по настройке.

Ключевые возможности

  • 01Рендеринг с помощью WebGL и WebGPU
  • 02Загрузчик текстур и других ресурсов
  • 03Поддержка ввода мышью и мультитач-жестов
  • 04Отрисовка текста, примитивов и SVG
  • 05Маски, фильтры и расширенные режимы смешивания
  • 06В комплекте — объявления типов TypeScript

Сценарии использования

  • Создание 2D-игр для браузера со спрайтами и анимацией
  • Создание интерактивной графики или визуализаций данных на canvas
  • Разработка кроссплатформенных интерактивных веб-приложений с насыщенной графикой
  • Добавление аппаратно-ускоренных 2D-эффектов в существующий веб-проект

Быстрый старт

  1. 1

    Создайте каркас нового проекта с помощью CLI

    npm create pixi.js@latest
  2. 2

    Или добавьте PixiJS в существующий проект

    npm install pixi.js

Что важно знать

  • Пользователям TypeScript 6 и 7 необходимо перейти на @types/web для типов WebGPU.

Темы

#webgl#webgpu#2d-rendering#canvas#javascript#typescript#game-development#graphics#canvas2d#data-visualization

Частые вопросы

Что такое pixijs?
Быстрая библиотека для 2D-рендеринга в вебе: рисует графику, спрайты и текст с помощью WebGL и WebGPU. PixiJS — HTML5-библиотека для 2D-рендеринга, с помощью которой можно создавать интерактивную графику, игры и кроссплатформенные приложения в браузере. Она выполняет рендеринг через WebGL и WebGPU и предоставляет API Canvas-сцены, позволяющий добавлять на сцену спрайты, текст, векторные фигуры и контейнеры и обновлять их каждый кадр.
pixijs можно использовать бесплатно? Какая у него лицензия?
pixijs распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
pixijs всё ещё поддерживается?
Активно поддерживается. Последний коммит в pixijs — 17 окт. 2026 г..
Для чего можно использовать pixijs?
Создание 2D-игр для браузера со спрайтами и анимацией Создание интерактивной графики или визуализаций данных на canvas Разработка кроссплатформенных интерактивных веб-приложений с насыщенной графикой Добавление аппаратно-ускоренных 2D-эффектов в существующий веб-проект
Как установить pixijs?
Создайте каркас нового проекта с помощью CLI: npm create pixi.js@latest Или добавьте PixiJS в существующий проект: npm install pixi.js
Где скачать pixijs?
Исходный код и инструкции по установке — на GitHub: https://github.com/pixijs/pixijs

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты