Blotter.js

Blotter.js

Una API de JavaScript para dibujar efectos de texto no convencionales en la web.
Una API de JavaScript para dibujar efectos de texto no convencionales en la web.Descripción general Al aplicar efectos al texto en la web, los diseñadores se han limitado tradicionalmente a los que proporciona CSS.En la mayoría de los casos, esto es totalmente adecuado: el texto es texto, ¿verdad?Aún así, existen numerosos ejemplos de diseñadores que combinan propiedades CSS o gifs e imágenes para crear efectos que evocan algo más divertido.Precisamente aquí, Blotter existe para proporcionar una alternativa ... Efectos de texto respaldados por GLSL con Ease Blotter proporciona una interfaz simple para crear y manipular efectos de texto que utilizan sombreadores GLSL sin requerir que el diseñador escriba GLSL.Blotter tiene una creciente biblioteca de efectos configurables al tiempo que proporciona formas para que los estudiantes o los programadores GLSL experimentados puedan iniciar rápidamente nuevos.Efectos de atlas en un solo WebGL Back Buffer Blotter procesa todos los textos en un solo contexto WebGL y limita el número de llamadas de sorteo que hace mediante el uso de atlas.Cuando varios textos comparten el mismo efecto, se asignan en una sola textura y se procesan juntos.Los datos de imagen resultantes se envían a contextos 2D individuales para cada elemento.Bucle de animación En lugar de ejecutarse en un intervalo basado en el tiempo, el bucle de animación interno de Blotter usa requestAnimationFrame para que coincida con la frecuencia de actualización de la pantalla del navegador y haga una pausa cuando el usuario navega a otras pestañas del navegador;mejorando el rendimiento y preservando la duración de la batería en el dispositivo del usuario.Qué no es Blotter Cualquier texto que pase a Blotter puede configurarse individualmente utilizando propiedades de estilo familiares.Puede usar fuentes personalizadas a través de la especificación @ font-face.Sin embargo, Blotter finalmente convierte los textos pasados ​​en elementos de lienzo.Esto significa que el texto renderizado no será seleccionable.Blotter es ideal para elementos como títulos, encabezados y textos utilizados con fines gráficos.No se recomienda usar Blotter para cuerpos largos de texto, y en la mayoría de los casos se debe aplicar a las palabras individualmente.

Categorias

Alternativas a Blotter.js para Self-Hosted

GUN

GUN

GUN es una base de datos de gráficos de código abierto, en tiempo real, escrita completamente en JavaScript y construida utilizando algoritmos peer-to-peer, por lo que es sorprendentemente tolerante a fallas y fácil de obtener ...
Umbrella JS

Umbrella JS

Intuitivo y documentado Está fuertemente influenciado por jquery con muchos métodos similares para que se sienta cómodo desarrollando con Umbrella.
Svelte

Svelte

Marco de componentes basado en compilador que construye código eficiente para actualizar quirúrgicamente el DOM.
GoJS

GoJS

GoJS es una biblioteca de JavaScript con muchas funciones para implementar diagramas interactivos en navegadores y plataformas modernos.GoJS facilita la construcción de diagramas de nodos, enlaces y grupos complejos con plantillas y diseños personalizables.
GraphicsJS

GraphicsJS

Biblioteca de JavaScript de código abierto gratuita para dibujar fácilmente gráficos y animaciones HTML5.Es liviano y más potente en términos de características listas para usar que los componentes basados ​​en SVG / VML existentes, incluidos Raphaël y Bonsai.
Pts

Pts

Pts es una biblioteca de JavaScript para visualización y codificación creativa.Pts es ligero y modular.
Jasmine Given

Jasmine Given

jasmine-given - Como rspec-given, pero para Jasmine
Zdog

Zdog

Zdog es un motor de JavaScript 3D paray SVG.Con Zdog, puede diseñar y renderizar modelos 3D simples en la Web.Zdog es un motor pseudo-3D.
Diagram-JS

Diagram-JS

Diagram-JS es una caja de herramientas de código abierto para mostrar y modificar diagramas en la web.