p5.j​​s椭圆和矩形行为

Question

我对p5对待位置的方式感到困惑...

如果我放下：

ellipse(10,10,20);
rect(10, 10, 20, someNumber);

然后形状未对齐！ 为什么！？

Answer 1

椭圆的对齐方式取决于ellipseMode()，而矩形的对齐方式取决于rectMode()。当默认矩形模式为CORNER时，默认椭圆模式为CENTER。两种形状都使用相同的模式：

function setup() {
    createCanvas(100, 100);
}

function draw() {
    background(255);
    noFill();
    ellipseMode(CENTER);
    rectMode(CENTER);
    ellipse(50, 50, 90);
    rect(50, 50, 90, 90);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.min.js"></script>