🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Is a Pure Javascript Canvas Implementation of Matrix Grid ( Primary Application was to Generate Github Like Random Avatar using minBlock.js or Pixel Pattern)

Animation Core Java Script HTML5

Documentation

minBlock.js

Is a Pure Javascript Canvas Implementation of Matrix Grid ( Primary Application was to Generate Github Like Random Avatar using minBlock.js or Pixel Pattern)

#Check Out Demo http://argunner.github.io/minBlock.js/

#Usage Getting Started

<script type="text/javascript" src="https://raw.githubusercontent.com/argunner/minBlock.js/master/index.js"></script>

#Usage

####Regular

  init({         divId          : canvasID,         time           : timefortransition,         randomColor    : true,         colorPrimary   : PrimaryColor,         colorSecondary : SecondaryColor'       });   //here "time" defines the Delay between two transitions

####Fixed Color

  init({         divId          : canvasID,         time           : timefortransition,         randomColor    : false,         colorPrimary   : PrimaryColor,         colorSecondary : SecondaryColor'       });  

####Pause ( This'll make sure that Matrix Does Not Changes In a Loop )

   init({           divId          : CanvasId,           time           : 300,           randomColor    : true,           colorPrimary   : primaryColor,           colorSecondary : secondaryColor,           pause: true         });  

#Not Yet Implemented

  1. Making it Sensitive for nxn Matrix
  2. Simplifying Arguments To JSON format by @alvaropinot

You May Also Like