I grew up with computer graphics in the 1980s, thinking in Cartesian coordinates, with the origin in the bottom left, and the vertical y axis increasing as you go "up" the screen. But nearly every modern graphics system uses the same coordinate systems for pixels as is done for characters on a terminal, with the origin in the top left, and vertical axis increasing as you go "down". It's counter-intuitive to me that a higher number is lower on the screen.
Also, I'd like to specify the position of shapes and so on using world coordinates independent of the canvas' current dimensions in pixels. For instance I could say my canvas is 640 x 480 coordinates in size, and position 320,440 should always be in the center of the canvas.
Is there a way that I can set up p5.js to use my way of thinking?
I tried using translate() and scale() in the setup
function, but this seems to have no effect. I later saw Changing the coordinate system in P5.js which is close, but I also want to scale for world coordinates.