// An experiment, lots of values altered explicitly for codepen.

// Needs more work as is quite slow on mobile devices but the theory is there.

// V1.2 - fix to clock, needed a quick math fix. now displays the right time

// Forked from http://codepen.io/superchief/pen/LAuGr

window.onload = function() {

  var canvas = document.getElementById("android");

    var ctx = canvas.getContext("2d");

    var globalTimer = 0; // rotation timer;

    var canvasState = "rendering";

    var rotation = 0.0;

    var doFader = true;

    var windowHeight = window.innerHeight;

    var windowWidth = window.innerWidth;

    var DisplayType = { SQUARE: 0, CIRCLE: 1 }

    // Pixel spacing on the left and right so every element has an extra

    // pixelspacing * 2

    var pixelSpacing = 1;

    var itemWidth = 6;

    var totalItemColumns = 20;

    var totalItemsHeight = 20;

    var itemRandom = 1;

    var fader = 255;

    var fader2 = 10;

    var faderDirection = 0; // 0 = down, 1 = up;

    var faderDirection2 = 0; // 0 = down, 1 = up;

    var itemArray = [[]]; // this is a multidimensional array to hold rows and columns

  canvas.width = windowWidth;

    canvas.height = windowHeight;

    // Work out columns

    // this needs to be for example in the case of 1280 : 1280 / 12 = 

    totalItemColumns = Math.ceil(windowWidth / (itemWidth * 2));

    if (windowHeight % 2 > 0) {

        totalItemsHeight = Math.ceil((windowHeight + 1) / (itemWidth * 2));

    } else {

        totalItemsHeight = Math.ceil(windowHeight / (itemWidth * 2));

    }

    for (var i = 0; i < totalItemsHeight; i++) {

        if (i > 0)

        {

            itemArray.push(new Array());

        }

* {

    margin: 0;

    padding: 0;

}

#android {

    display: block;

    cursor: none;

}

<canvas id="android"></canvas>