we have an inverted y axis due to the canvas