for 循环在 p5js 中不起作用，我不知道为什么

Question

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

function draw() {
  background(220);
  translate(width / 2, height / 2)
  let amount = 12;
  for (let a = 0; a < amount; a += (360 / amount)) {
    xm = cos(a) * 100;
    ym = sin(a) * 100;
    strokeWeight(4);
    fill(255);
    ellipse(xm, ym, 10);
    console.log(a)
  }
}

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

我试着在一个圆上画 12 个点（这将是一个表盘）。我不知道为什么这不起作用请帮助我。

Answer 1

您需要添加 angleMode(DEGREES) 以便您可以使用度数而不是弧度（更多信息在这里：https://p5js.org/reference/#/p5/angleMode）你也想从 0 到 360 而不是到 12（数量）我创建了一个 var 来保存 360 以避免混淆。给你！

function setup() {
  createCanvas(400, 400);
  angleMode(DEGREES);
  noLoop();
}

function draw() {
  let totalCircle = 360;
  background(220);
  translate(width / 2, height / 2)
  let amount = 12;
  for (let a = 0; a < totalCircle; a += (totalCircle / amount)) {
    xm = cos(a) * 100;
    ym = sin(a) * 100;
    strokeWeight(4);
    fill(255);
    ellipse(xm, ym, 10);
    console.log(a)
  }
}

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

for 循环在 p5js 中不起作用，我不知道为什么

For loop does not work in p5js and I dont know why

javascript

p5.js