@Override
	public void draw(PortablePixmap pixMap) {

		//We need to calculate the actual coordinates for the PixMap using the relative coordinates provided
		int absoluteOriginX = convertToAbsoluteValues(this.originX, pixMap.getWidth());//<--this will get the actual origin X for PixMap
		int absoluteOriginY = convertToAbsoluteValues(this.originY, pixMap.getHeight());//<--this will get the actual origin Y for PixMap

		//We need to calculate the actual size for the square using the relative size provided
		int absoluteSize = convertToAbsoluteValues(this.size, pixMap.getWidth());

		/*To draw the square onto the PixMap we will use the following algorithm:
		 * 1. Iterate over each row
		 * 2. Check if that row contains where a side of the square
		 * 3. IF it does we will start filling in the columns for that row
		 * 4. Once we are out of bounds in the columns to fill, we will go to the next row
		 * 5. We will do this until we have gone through all the rows of the PixMap
		 */
		for (int row = 0; row < pixMap.getHeight(); row++) {//We will iterate through each row of the PixMap
			//Then we will check if the row is within the bounds of our Y axis for our square
			if (row >= absoluteOriginY && row <= absoluteOriginY + absoluteSize) {//<-this checks if the we are within they range of our Y axis
				//Then we will iterate through the column of the pixel map
				for (int column = 0; column < pixMap.getWidth(); column++) {
					//For each column we are about to fill we will check if the column contains the X axis of our square
					if (column >= absoluteOriginX && column <= absoluteOriginX + absoluteSize) {//<--if this is true
						//We will then set the pixel for that element of the array to the specified color
						pixMap.setPixel(row, column, this.color); 
					}
				}
			}
		}//end of for loop that iterates through our pixMap and sets the pixel
	}//end of the draw method