处理：For-loop，对角线椭圆

Question

我快要上课了，这是我上课时要做的。 我应该做一个for循环，在对角线上创建椭圆。 我的代码显示，但是我无法弄清楚为什么右上角的最后一个椭圆没有显示..我丢失了什么？

size(400,400);

for( int x = 0; x <= 2; x++)
{

  ellipse(0 + x * 200 , 0 + x * 200 , 50, 50);
  ellipse(0 + x * 200, 400 + x * 200, 50, 50);
}

Answer 1

考虑一下您的两个ellipse()语句在做什么：

ellipse(0 + x * 200 , 0 + x * 200 , 50, 50); ：此图形在左上角绘制一个椭圆，然后在中心绘制一个椭圆，然后在右下角绘制一个椭圆。

ellipse(0 + x * 200, 400 + x * 200, 50, 50); ：此图形在左下角绘制一个椭圆。 但是随后绘制的其他两个椭圆将在屏幕边缘下方！

请记住，Y值从窗口顶部的零开始。

尝试在for循环中使用println()语句以真正了解发生了什么。 如果仍然无法解决问题，请尝试先执行无for循环的操作。 您可以只调用ellipse()函数5次吗？ 工作完成后，请查看传递的坐标，直到看到可以在for循环内使用的模式。

Answer 2

这听起来有点令人困惑，因为执行相同操作的方式不同。 到目前为止，您似乎对循环很熟悉，这很棒。

看起来唯一缺少的是计算出一个相反的值。

您数从0到2（含0）：

for( int x = 0; x <= 2; x++)

它为您提供x的值为0,1,2 ，这在绘制左上角到右下角的对角线时非常有用，因为它与坐标系（左上角的0,0）匹配。

要从左下到右上绘制对角线，您需要使用不同的值，因此

(0,0)
(1,1)
(2,2)

你会需要：

(0,2)
(1,1)
(2,0)

获得某个范围内的反向值的一种方法是从该范围的最大值减去该范围内的值。

这是一个非常基本的草图来说明这个概念：

strokeWeight(10);//make points large/easy to see
int max = 2;
for(int x = 0 ; x <= max; x++){
  float offset = x * 25;//spacing of 25

  int reverseX = max - x;
  float reverseOffset = reverseX * 25; 
  println("iteration " + x + " inverse iteration value: " + reverseX + " offset: " + offset + " reverseOffset: " + reverseOffset); 

//  point(offset,offset);
  point(reverseOffset,offset);
}

另一个选择是在for循环中使用两个计数器。 希望您的作业不会被认为是作弊，而且看起来可能会更加令人困惑，但是还算不错。

for(int x = 0, y = 3 ; x <= 3; x++, y--){

  println("iteration " + x + " reverse iteration: " + y); 

  point(x * 25,y * 25);
}

for循环中唯一更改的部分是第一步（初始化）和最后一步（迭代）。 您正在初始化2个变量，而不是一个：

1. 第一个变量从0开始
2. 第二个变量以最大值开头

在增量步骤中，您要处理两个变量：

1. 第一个变量上升（++递增）
2. 第二个变量下降（以-减小）