有人可以帮忙吗？ 我正在尝试制作一个程序，该程序循环通过数字-1至10并制作半径为平方的圆，但是它不起作用

Question

I want the program to loop trough each number in the for loop and create a circle with the radius of that number squared but it doesn't seem to work. I only creates a circle with the radius of the last number in the for loop.

I've tried creating a separate function and return the value and putting into my draw function, but that didn't seem to work.

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

function draw() {
  for (i = -1; i <= 10; i++) {
    newI = i ** 2;
  };
  background(250);
  circle(300, 300, newI);
//ignore the lines those are just the axis//
  line(300, 0, 300, 600);
  line(0, 300, 600, 300);
}

I want each new radius of each new circle to be that of the number in the for loop squared.

Answer 1

As mentioned by @Tim Biegeleisen - the circle() and line() should be in the loop, but another approach is to have them separate.

Rather than putting the logic into the loop - have the loop iteration call a separate named frunction and pass the new i value as the argument.

EDIT: loop changed to decrement in order to reverse the order of radius.

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

function draw() {
  for (i = 10; i >= -1; i--) {
    createCircle(i ** 2)
  };

}


function createCircle(newI){
  background(250);
  circle(300, 300, newI);
  line(300, 0, 300, 600);
  line(0, 300, 600, 300);
}