Repolode
Enviar
jonobr1

jonobr1/two.js

API de desenho 2D para a web independente do renderizador, que desenha a mesma cena com WebGL, Canvas 2D ou SVG.

Ver no GitHubSite
Estrelas
8,699
Forks
469
Issues abertas
31
Último commit
há 5 dias

O que é?

Two.js é uma biblioteca JavaScript para criar gráficos bidimensionais em navegadores modernos. Você descreve formas, textos e grupos por meio de uma única API, e a mesma cena pode ser renderizada com WebGL, Canvas 2D ou SVG sem alterar o código de desenho.

A biblioteca é baseada em um scenegraph, permitindo agrupar, transformar e animar objetos por meio de um loop de atualização a cada frame. Ela pode ser incluída com uma versão minificada usando uma tag script, instalada pelo npm ou importada como módulos ES6 em projetos que usam bundlers, como React ou webpack.

Two.js também pode ser executada sem interface gráfica no Node.js em conjunto com o pacote node-canvas, permitindo renderizar uma cena e salvá-la como arquivo PNG em um servidor.

Recursos principais

  • 01Renderiza a mesma cena com WebGL, Canvas 2D ou SVG.
  • 02Oferece um scenegraph com grupos, transformações e atualizações a cada frame.
  • 03Disponibiliza uma versão para incluir com tag script, um pacote npm e módulos ES6.
  • 04Oferece suporte à renderização sem interface gráfica no Node.js via node-canvas.
  • 05Permite criar builds personalizados que incluem apenas os renderizadores necessários.

Casos de uso

  • Criar animações 2D interativas ou motion graphics para a web.
  • Desenhar ilustrações vetoriais que precisam alternar entre saída SVG e canvas.
  • Gerar imagens PNG de cenas 2D em um servidor.
  • Adicionar gráficos 2D leves a aplicativos front-end com React ou outros bundlers.

Início rápido

  1. 1

    Instale via npm

    npm install --save two.js
  2. 2

    Inclua a biblioteca minificada no seu HTML

    <script src="js/two.min.js"></script>

Antes de usar

  • A importação da biblioteca completa carrega todos os módulos, então ainda não há tree shaking.

Tópicos

#2d-graphics#canvas#svg#webgl#animation#scenegraph#javascript#vector-graphics#2d#bitmap-graphics

Perguntas frequentes

O que é two.js?
API de desenho 2D para a web independente do renderizador, que desenha a mesma cena com WebGL, Canvas 2D ou SVG. Two.js é uma biblioteca JavaScript para criar gráficos bidimensionais em navegadores modernos. Você descreve formas, textos e grupos por meio de uma única API, e a mesma cena pode ser renderizada com WebGL, Canvas 2D ou SVG sem alterar o código de desenho.
two.js é gratuito? Qual é a licença?
two.js é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
two.js ainda é mantido?
Manutenção ativa. O último commit de two.js foi em 3 de nov. de 2026.
Para que posso usar two.js?
Criar animações 2D interativas ou motion graphics para a web. Desenhar ilustrações vetoriais que precisam alternar entre saída SVG e canvas. Gerar imagens PNG de cenas 2D em um servidor. Adicionar gráficos 2D leves a aplicativos front-end com React ou outros bundlers.
Como instalar two.js?
Instale via npm: npm install --save two.js Inclua a biblioteca minificada no seu HTML: <script src="js/two.min.js"></script>
Onde consigo two.js?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/jonobr1/two.js

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

Projetos relacionados