La cuadrícula de matriz animada de github como Avatar con JavaScript y Canvas-minBlock. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: argunner
Views Total: 2,080
Sitio oficial: Ir a la web
Actualizado: February 16, 2019
Licencia: MIT

Vista prévia

La cuadrícula de matriz animada de github como Avatar con JavaScript y Canvas-minBlock. js

Descripción

minBlock. js es una biblioteca JavaScript independiente que le permite dibujar el avatar de github por igual cuadrícula de matriz animada con colores aleatorios usando HTML5 Canvas .

¿Cómo funciona?

Cargue la biblioteca de JS minBlock. js en su proyecto.

<script src="minBlock.js">

Cree un elemento canvas de HTML5 para la cuadrícula de matriz.

<canvas id="myCanvas" ></canvas>

Inicialice la rejilla de matriz y establezca el color primario & secundario para los bloques.

init({


// canvas ID

divId: 'myCanvas',


// time for transition

time: 300,


// set to false to use fixed color

randomColor: true,


colorPrimary: '#27ae60',

colorSecondary: '#2ecc71',


// set to true to pause the matrix grip

pause: false

});

Registro de cambios

02/16/2019

  • corrección de errores: config. color tiene que ser marcada, no Options. color

Te puede interesar: