只是缩放一个矩形

Question

我正在尝试从处理开始。

现在我只是想缩放一个矩形。我发现了这个例子：

float a = 0.0;
float s = 0.0;

void setup()
{
  size(200,200);
  rectMode(CENTER);
  frameRate(30);
}

void draw()
{

  s = s + 0.04;

  translate(width/2, height/2);
  scale(s); 
  rect(0, 0, 50, 50); 

}

它可以平滑地缩放矩形，但我有点惊讶，因为为了调整矩形的大小，我预计 rect() 的大小参数（第三个和第四个）被修改，就像这样：

float r = 1;

void setup()
{
  size(200,200);
  rectMode(CENTER);
  frameRate(30);
}

void draw(){

    rect(width/2, height/2, r, r);  

    r += 1;

}

但这种方式不会平滑地缩放矩形。那么，即使我发现第二种方法更自然，我是否应该使用第一种方法而不是第二种方法？任何评论都将受到欢迎。

问候

哈维尔

Answer 1

第一个解决方案非常复杂，您实际上并不是缩放矩形，而是缩放投影矩阵。投影矩阵是在将某些内容绘制到屏幕上之前应用的一系列数学运算。你可以把它想象成一台相机，但它远比这复杂。

实际上，我将代码并排放置，并没有注意到平滑度有多大差异。我还添加了一些调整，因此这可能有所帮助:)

float r = 1;
float s = 0.0;

void setup()
{
  size(200,200);
  rectMode(CENTER);
  frameRate(30);
  smooth();
}

void draw(){
   rect(width/4, height/2, r, r);  
   r += 1.4;
   translate(width/2, height/2);
   scale(s);
   translate(-width/2, -height/2);
   rect(width/2, height/2, 50, 50);
   s += 0.04;
}

我所做的主要更改是打开平滑。我认为因为你没有打开它，顶部的方形绘图会跳转到每个像素，但通过平移/缩放操作，它会平滑这些像素。我做的另一件事是在进行缩放操作后平移回左上角。这样做很重要，这样事情就会按照您期望的方式进行。您会注意到缩放矩形现在从中心向外扩展。