Repolode
Enviar
pixijs

pixijs/pixijs

Uma biblioteca rápida de renderização 2D para a web que desenha gráficos, sprites e texto com WebGL e WebGPU.

Ver no GitHubSite
Estrelas
48,424
Forks
5,105
Issues abertas
398
Último commit
há 3 dias

O que é?

PixiJS é uma biblioteca HTML5 de renderização 2D para criar gráficos interativos, jogos e aplicações multiplataforma no navegador. Ela renderiza com WebGL e WebGPU e oferece uma API de scene graph baseada em Canvas que permite adicionar sprites, texto, formas vetoriais e contêineres a um stage e atualizá-los a cada frame.

A biblioteca inclui um carregador de assets, suporte a entrada por mouse e multitoque, renderização flexível de texto, desenho de formas primitivas e SVG, texturas dinâmicas, máscaras, filtros e modos de mesclagem. A instalação está disponível pelo npm, e a CLI create-pixi pode criar a estrutura inicial de um projeto com um único comando.

O PixiJS inclui declarações de tipos do TypeScript. Projetos que usam TypeScript 5 recebem os tipos de WebGPU automaticamente, enquanto o TypeScript 6 e 7 exigem o uso de @types/web, conforme descrito nas notas de configuração.

Recursos principais

  • 01Renderiza com WebGL e WebGPU
  • 02Carregador de assets para carregar texturas e outros recursos
  • 03Suporte a entrada por mouse e multitoque
  • 04Renderização de texto e desenho de formas primitivas e SVG
  • 05Máscaras, filtros e modos avançados de mesclagem
  • 06Inclui declarações de tipos do TypeScript

Casos de uso

  • Criar jogos 2D para navegador com sprites e animações
  • Criar gráficos interativos ou visualizações de dados em um canvas
  • Desenvolver aplicações web interativas e multiplataforma com gráficos avançados
  • Adicionar efeitos 2D acelerados por hardware a um projeto web existente

Início rápido

  1. 1

    Crie a estrutura inicial de um novo projeto com a CLI

    npm create pixi.js@latest
  2. 2

    Ou adicione PixiJS a um projeto existente

    npm install pixi.js

Antes de usar

  • Quem usa TypeScript 6 ou 7 precisa mudar para @types/web para obter os tipos de WebGPU.

Tópicos

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

Perguntas frequentes

O que é pixijs?
Uma biblioteca rápida de renderização 2D para a web que desenha gráficos, sprites e texto com WebGL e WebGPU. PixiJS é uma biblioteca HTML5 de renderização 2D para criar gráficos interativos, jogos e aplicações multiplataforma no navegador. Ela renderiza com WebGL e WebGPU e oferece uma API de scene graph baseada em Canvas que permite adicionar sprites, texto, formas vetoriais e contêineres a um stage e atualizá-los a cada frame.
pixijs é gratuito? Qual é a licença?
pixijs é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
pixijs ainda é mantido?
Manutenção ativa. O último commit de pixijs foi em 17 de out. de 2026.
Para que posso usar pixijs?
Criar jogos 2D para navegador com sprites e animações Criar gráficos interativos ou visualizações de dados em um canvas Desenvolver aplicações web interativas e multiplataforma com gráficos avançados Adicionar efeitos 2D acelerados por hardware a um projeto web existente
Como instalar pixijs?
Crie a estrutura inicial de um novo projeto com a CLI: npm create pixi.js@latest Ou adicione PixiJS a um projeto existente: npm install pixi.js
Onde consigo pixijs?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/pixijs/pixijs

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados