Изменение системы координат в P5. js

Question

Как вы знаете, система координат P5 не начинается с середины холста, а ось Y переворачивается. Мой вопрос: как изменить координаты p5, чтобы она стала такой же, как декартова система координат

Answer 1

Используйте translate(), чтобы перевести начало координат в центр. Используйте scale, чтобы перевернуть ось Y:

function draw() {
    translate(width/2, height/2); 
    scale(1, -1);

    // [...] 
}

Примечание, width и height - это ширина и Высота холста.
translate(width/2, height/2) перемещает все на половину ширины и высоты. Он перемещает объекты сцены из верхнего левого угла в центр холста.