Shape Grid Calculation

shape-grid-calculation.js

// Base
let w = width;    // shape width
let h = height;   // shape height
let r = row;      // grid row start by 0
let c = column;   // grid column start by 0

// Square
let left = r * w; // transform left position
let top = j * h;  // transform top position

// Diamond
let left = ((r%2) * (-1) * (w/2)) + (c * w); // transform left position
let top = (r * h/2) - (h/2);                 // transform top position

// Hexagonal
let left = ((r%2) * (-1) * (w/2)) + (c * w); // transform left position
let top = (r * 3 * h/4) - (h/2);             // transform top position