这个用红、黄、绿三种颜色绘制红绿灯的代码是如何工作的

我在理解课本中这个例子的概念时遇到了很多困难。这个想法是用红、黄、绿三种颜色画一个红绿灯。我有几个问题。我很难弄清楚代码的哪一部分起什么作用。

1. 我认为cx和cy是用来计算页面中心的，对吗
2. fx和fy是否要计算出帧的中心
3. 我不知道dy是做什么的，也不知道为什么它被4而不是3除以3，LAMP_RADIUS完全让我困惑
4. 在红色、黄色和绿色的所有三个add(createFilledCircle)上，我不明白它们在红绿灯框架内的位置是如何计算的
5. 在方法createFilledCircle()中，我不理解GOval circle = newGOval(x-r, y-r, 2 * r, 2 * r);。我不明白x-r和y-r是做什么的，以及这和位置有什么关系

import acm. graphics.*;
import acm. program.*;
import java.awt.*;
public class DrawStoplight extends GraphicsProgram {
public void run () {
double cx = getWidth() / 2;
double cy = getHeight() / 2; 
double fx = cx - FRAME_WIDTH / 2; 
double fy = cy- FRAME_HEIGHT / 2; 
double dy = FRAME_HEIGHT / 4 + LAMP_RADIUS / 2; 
GRect frame = new GRect(fx, fy, FRAME_WIDTH, FRAME_HEIGHT);
frame.setFilled(true);
frame.setColor(Color.GRAY);
add(frame);
add(createFilledCircle(cx, cy - dy, LAMP_RADIUS, Color.RED));
add(createFilledCircle(cx, cy, LAMP_RADIUS, Color.YELLOW));
add(createFilledCircle(cx, cy + dy, LAMP_RADIUS, Color.GREEN));
}
private GOval createFilledCircle(double x, double y, double r, Color color){
GOval circle = new GOval(x-r, y-r, 2 * r, 2 * r)
circle.setColor(color);
circle.setFilled(true);
return circle;
}
private static final double FRAME_WIDTH = 50; 
private static final double FRAME_HEIGHT = 100; 
private static final double LAMP_RADIUS = 10; 
}