position.js

positionMap(coordinates, tileHeight, tileWidth) {
  // At (0, 0), where do we render? It is as these coordinates.
  const initialX = tileWidth / 2;
  const initialY = tileHeight / 2;
  
  const xPositionFromX = coordinates.x * (tileWidth);
  const xPositionFromY = coordinates.y * (-tileWidth); 
  
  const yPositionFromX = coordinates.x * (-tileHeight);
  const yPositionFromY = coordinates.y * (-tileHeight);
  
  return {
    x: initialX + xPositionFromX + xPositionFromY,
    y: initialY + yPositionFromX + yPositionFromY
  };
}