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.
blotter-js

Categorias

Alternativas a Blotter.js para Mac con licencia de código abierto