p5.js 椭圆和矩形行为

Question

我对 p5 处理位置的方式感到困惑说这个...

如果我放下：

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

然后形状错位了！为什么！？

Answer 1

椭圆的对齐方式取决于ellipseMode() and the alignment of the rectangle depends on the 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>

p5.js 椭圆和矩形行为

p5.js ellipse and rect behavior

javascript

processing

p5.js