Перевод источника в верхний левый угол в p5js

Question

У меня проблемы с возможностью поместить 3d-форму, например сферу, в верхний левый угол экрана в p5, когда я переключаюсь из режима 2d в режим webgl, 3d-объект появляется прямо в центре, а не в левом верхнем углу. угол, хотя я указал источник в (0,0).

Я пытался взглянуть на методы перевода и изменить исходное положение, но не могу найти решение, которое позволило бы мне изменить исходное положение.

Например, если я поставлю сетку, мое предполагаемое изображение выглядит так:

, тогда как мне бы хотелось, чтобы это выглядело так:

Код, с помощью которого я написал его, выглядит следующим образом:

function setup() {
    createCanvas(400, 400, WEBGL);
}

function draw() {
    background(220);
    //For (var BEGIN; END; INTERVAL){
    //DO SOMETHING }
    for (var x = 0; x < width; x += width / 10) {
        for (var y = 0; y < height; y += height / 5) {
            stroke(0);
            strokeWeight(1);
            line(x, 0, x, height);
            line(0, y, width, y);

            if ((x == 0) && (y == 0)) {

                //sphere(5);


            }


        }
    }
}