Github Avatar-like Animated Matrix Grid with JavaScript and Canvas – minBlock.js

Category: Image , Javascript | February 16, 2019
Author: argunner
Views Total: 2,150
Official Page: Go to website
Last Update: February 16, 2019
License: MIT

Preview:

Github Avatar-like Animated Matrix Grid with JavaScript and Canvas – minBlock.js

Description:

minBlock.js is a stand-alone JavaScript library that enables you to draw Github avatar alike animated matrix grid with random colors using Html5 canvas.

Basic usage:

Load the minBlock.js JS library into your project.

<script src="minBlock.js">

Create an Html5 canvas element for the matrix grid.

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

Initialize the matrix grid and set the primary & secondary color for the blocks.

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

});

Changelog:

02/16/2019

  • bugfix: config.color has to be checked, not options.color

You Might Be Interested In:


Leave a Reply