Biblioteca JavaScript para criar interações e animações 3D
Uma API JavaScript de código aberto que permite converter elementos HTML DOM no plano texturizado interativo. Você pode gerenciar facilmente o WebGL e posicionar suas malhas em relação aos elementos DOM da sua página da Web.
O cortinas.js é uma biblioteca JavaScript leve de código aberto que oferece aos desenvolvedores de software a capacidade de transformar seus elementos HTML DOM em planos texturizados interativos com facilidade. A biblioteca é pequena em tamanho, mas muito estável, permitindo que os usuários criem facilmente interações e animações 3D poderosas. Ele pode traduzir sem esforço elementos HTML contendo imagens e vídeos em planos texturizados 3D WebGL, permitindo que os usuários os animem por meio de shaders.
A biblioteca é muito fácil de usar, mas você precisa ter um bom conhecimento básico de HTML, CSS, JavaScript e shaders. Um shader é um conjunto de instruções que é executado no pipeline gráfico e informa ao computador como renderizar cada pixel. Você também precisa saber mais sobre os shaders de vértice e fragmento, como usar uniformes, bem como os fundamentos da sintaxe GLSL.
Este cortinas.js está disponível sob a licença do MIT, o que significa que é gratuito para uso em projetos pessoais e comerciais. O principal objetivo da biblioteca é fornecer uma maneira fácil de lidar com WebGL e posicionar suas malhas em relação aos elementos DOM de sua página da web. WebGL é uma API JavaScript para renderização em tempo real de gráficos 3D e 2D em um navegador.
Introdução ao Zen-3d
A maneira mais fácil de instalar o cortinas.js é usando o npm. Por favor, use o seguinte comando para uma instalação suave.
Instalar cortinas.js via NPM
npm i curtainsjs Gerenciar cenas usando JavaScript
A biblioteca de código aberto cortinas.js incluiu funcionalidades úteis relacionadas ao gerenciamento de cenas e suas propriedades relevantes. A Cena irá empilhar todos os objetos que serão desenhados, incluindo planos e passagens de sombreamento em diferentes arrays, e chamá-los na ordem correta para serem desenhados. Você pode redefinir facilmente as pilhas de planos, limpar a pilha de locais, reconstruí-la com os novos índices de locais, adicionar novos planos a uma cena, remover um plano de uma cena, alterar a posição de um plano e assim por diante.
Manipulando Propriedades de Renderização
A biblioteca gratuita cortinas.js oferece a capacidade de manipular renderizações dentro de seu próprio aplicativo com facilidade. A manipulação da classe Renderer forneceu várias funcionalidades importantes relacionadas ao contexto WebGL, como criação e restauração, extensões, comandos WebGL e muito mais. Ele pode ser usado para gerar um contêiner, anexar uma tela, manipular extensões WebGL, eventos de perda/restauração de contexto e criar um objeto de classe Scene que acompanhará todos os objetos adicionados. Além do acima, ele também suporta o manuseio de comandos WebGL globais, como limpeza de cena, vinculação de buffers de quadro, profundidade de configuração, função de mesclagem e assim por diante.
Animar imagens e vídeos via JavaScript
A biblioteca de código aberto cortinas.js oferece aos desenvolvedores de software o poder de animar imagens e vídeos dentro de seus próprios aplicativos com facilidade. A biblioteca permite que os desenvolvedores criem planos contendo imagens e vídeos que funcionam como elementos HTML simples, com posição e tamanho definidos por regras CSS. Você também pode usar várias texturas, vários planos, texto de tela de vários planos, várias texturas de vídeo e muito mais.
