[已解决]python cocos2d画多个圆、实心圆

ydwb

以下代码画圆，只显示一个圆，圆周有小缺口。如何画多个圆呢，能画完美的圆吗，能画实心圆吗，
如何将显示窗口放到屏幕中间位置呢？

1. import cocos
   
2. from cocos.director import director
   
3. from pyglet.gl import *
   
4. from math import cos, tan, pi
   
5. 
   
6. class TestLayer(cocos.layer.Layer):
   
7.     def __init__(self):
   
8.         super().__init__()
   
9. 
   
10.         # 画圆
    
11.         circle_centers=[(100, 540), (260,540), (420,540), (260,380)]
    
12.         for circle_center in circle_centers:
    
13.             self.circle_center = circle_center
    
14.         self.circle_radius = 50
    
15. 
    
16.     def draw(self):
    
17.         super().draw()
    
18. 
    
19.         # 设置颜色为红色并绘制圆
    
20.         glColor4ub(255, 0, 0, 255)
    
21.         glLineWidth(10)
    
22.         num_segments = 350
    
23.         theta = 2 * pi / num_segments
    
24.         tangetial_factor = tan(theta)  # Calculate the tangential factor
    
25.         radial_factor = cos(theta)  # Calculate the radial factor
    
26.         x = self.circle_radius  # Start at angle = 0
    
27.         y = 0
    
28.         glBegin(GL_LINE_LOOP)
    
29.         for i in range(num_segments):
    
30.             glVertex2f(x + self.circle_center[0], y + self.circle_center[1])
    
31.             tx = -y
    
32.             ty = x
    
33.             x += tx * tangetial_factor
    
34.             y += ty * tangetial_factor
    
35.             x *= radial_factor
    
36.             y *= radial_factor
    
37.         glEnd()
    
38. 
    
39. def main():
    
40.     director.init(resizable=True, width=520, height=640, caption="szq")
    
41.     test_layer = TestLayer()
    
42.     main_scene = cocos.scene.Scene(test_layer)
    
43.     director.run(main_scene)
    
44. 
    
45. if __name__ == '__main__':
    
46.     main()

复制代码

最佳答案

月排行榜 / 总排行榜

FishC

2024-11-13 21:14:37

ydwb 发表于 2024-11-13 21:14
以上窗口居中方法正确。画实心圆比较圆滑，画线框圆（ ...

要在实心圆内再画一个小一点的背景色实心圆以实现圆环的效果，可以按照以下步骤修改代码：

1. **画大圆：** 先画出具有指定颜色的大圆。
2. **画小圆：** 在大圆内部画一个稍小的圆，颜色与背景色一致，这样就能形成一个圆环效果。

以下是修改后的代码示例：

1. import cocos
   
2. from cocos.director import director
   
3. from pyglet.gl import *
   
4. from math import cos, sin, pi
   
5. 
   
6. class TestLayer(cocos.layer.Layer):
   
7.     def __init__(self):
   
8.         super().__init__()
   
9. 
   
10.         # 定义多个圆心及其半径、颜色
    
11.         self.circles = [
    
12.             # 示例：圆心(x, y)，半径，颜色
    
13.             (200, 200, 100, (255, 0, 0)),  # 红色大圆
    
14.             (400, 300, 70, (0, 255, 0))   # 绿色大圆
    
15.         ]
    
16.         self.background_color = (255, 255, 255)  # 背景色，白色
    
17. 
    
18.     def draw(self):
    
19.         super().draw()
    
20.         num_segments = 100  # 用于更平滑的圆
    
21.         theta = 2 * pi / num_segments
    
22. 
    
23.         for circle_center_x, circle_center_y, circle_radius, color in self.circles:
    
24.             # 画大圆 (环的外圈，实际可见)
    
25.             R, G, B = color
    
26.             glColor4ub(R, G, B, 255)  # 设置颜色
    
27.             x, y = circle_radius, 0
    
28.             glBegin(GL_TRIANGLE_FAN)
    
29.             glVertex2f(circle_center_x, circle_center_y)
    
30.             for _ in range(num_segments + 1):
    
31.                 glVertex2f(circle_center_x + x, circle_center_y + y)
    
32.                 t = x
    
33.                 x = cos(theta) * x - sin(theta) * y
    
34.                 y = sin(theta) * t + cos(theta) * y
    
35.             glEnd()
    
36. 
    
37.             # 画小圆 (环的内圈，用背景色覆盖)
    
38.             inner_radius = circle_radius - 10  # 调整这个值来设置环的厚度
    
39.             if inner_radius > 0:
    
40.                 glColor4ub(*self.background_color, 255)  # 设置背景色
    
41.                 x, y = inner_radius, 0
    
42.                 glBegin(GL_TRIANGLE_FAN)
    
43.                 glVertex2f(circle_center_x, circle_center_y)
    
44.                 for _ in range(num_segments + 1):
    
45.                     glVertex2f(circle_center_x + x, circle_center_y + y)
    
46.                     t = x
    
47.                     x = cos(theta) * x - sin(theta) * y
    
48.                     y = sin(theta) * t + cos(theta) * y
    
49.                 glEnd()
    
50. 
    
51. def main():
    
52.     # 初始化舞台
    
53.     window_width = 640
    
54.     window_height = 480
    
55.     director.init(resizable=True, width=window_width, height=window_height, caption="szq")
    
56. 
    
57.     # 将窗口放置于屏幕中央
    
58.     display = director.window.display
    
59.     screen_width, screen_height = display.get_default_screen().width, display.get_default_screen().height
    
60.     window_x = (screen_width - window_width) // 2
    
61.     window_y = (screen_height - window_height) // 2
    
62.     director.window.set_location(window_x, window_y)
    
63. 
    
64.     test_layer = TestLayer()
    
65.     main_scene = cocos.scene.Scene(test_layer)
    
66.     director.run(main_scene)
    
67. 
    
68. if __name__ == '__main__':
    
69.     main()

复制代码

### 说明：
- **颜色设置：** 使用`glColor4ub`设置绘制的颜色。
- **内外圆：** 外圆用指定颜色绘制，内圆用背景色绘制，从而形成环形。
- **环厚度：** 通过调整`inner_radius`相对于`circle_radius`的大小，改变环的厚度。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

跳转到最佳答案楼层

FishC

要解决您遇到的问题，可以按照以下步骤改进代码：

1. **画多个圆：** 您需要将圆心的坐标存储在一个列表中，然后在`draw`方法中遍历该列表，绘制每一个圆。

2. **画完美的圆：** 增加`num_segments`的数量可以让圆更加平滑。

3. **画实心圆：** 使用`GL_TRIANGLE_FAN`代替`GL_LINE_LOOP`绘制实心圆。

4. **将窗口放到屏幕中间：** 调整窗口创建的参数。

以下是修正后的代码示例：

1. import cocos
   
2. from cocos.director import director
   
3. from pyglet.gl import *
   
4. from math import cos, sin, pi
   
5. 
   
6. class TestLayer(cocos.layer.Layer):
   
7.     def __init__(self):
   
8.         super().__init__()
   
9. 
   
10.         # 定义多个圆心及其半径
    
11.         self.circles = [
    
12.             ((100, 150), 50),
    
13.             ((200, 300), 70),
    
14.             ((300, 450), 90)
    
15.         ]
    
16. 
    
17.     def draw(self):
    
18.         super().draw()
    
19. 
    
20.         # 设置颜色为红色，默认透明度为不透明
    
21.         glColor4ub(255, 0, 0, 255)
    
22. 
    
23.         num_segments = 100  # 用于更平滑的圆
    
24.         theta = 2 * pi / num_segments
    
25. 
    
26.         for circle_center, circle_radius in self.circles:
    
27.             x = circle_radius
    
28.             y = 0
    
29. 
    
30.             # 绘制实心圆
    
31.             glBegin(GL_TRIANGLE_FAN)
    
32.             glVertex2f(circle_center[0], circle_center[1])  # 圆心
    
33.             for i in range(num_segments + 1):  # 包含终点以闭合圆
    
34.                 glVertex2f(circle_center[0] + x, circle_center[1] + y)
    
35.                 t = x
    
36.                 x = cos(theta) * x - sin(theta) * y
    
37.                 y = sin(theta) * t + cos(theta) * y
    
38.             glEnd()
    
39. 
    
40. def main():
    
41.     # 初始化舞台
    
42.     director.init(resizable=True, width=640, height=480, caption="szq")
    
43.    
    
44.     # 将窗口放置于屏幕中央（仅适用于某些操作系统）
    
45.     screen = director.get_window().screen
    
46.     window_position = (screen.width - 640) // 2, (screen.height - 480) // 2
    
47.     director.window.set_location(*window_position)
    
48. 
    
49.     test_layer = TestLayer()
    
50.     main_scene = cocos.scene.Scene(test_layer)
    
51.     director.run(main_scene)
    
52. 
    
53. if __name__ == '__main__':
    
54.     main()

复制代码

### 解释：
- **多个圆：** 使用`self.circles`定义圆心和半径的列表。
- **平滑圆：** 调整`num_segments`来增加圆的平滑度。
- **实心圆：** 使用`GL_TRIANGLE_FAN`来填充圆。
- **居中窗口：** 获取当前屏幕的大小，然后设置窗口的位置。这部分代码在不同操作系统上可能表现不同。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

ydwb

画多个圆、实心圆的方法是对的。调整`num_segments`来增加圆的平滑度，基本没效果。
居中窗口也不行。
    screen = director.get_window().screen
AttributeError: 'Director' object has no attribute 'get_window'

FishC

ydwb 发表于 2024-11-13 20:09
画多个圆、实心圆的方法是对的。调整`num_segments`来 ...

关于调节圆的平滑度以及居中窗口的需求，我们可以尝试以下几个步骤进行改进：

1. **调节圆的平滑度：** 如果增大 `num_segments` 似乎效果不明显，可以检查是否设置到了足够高的值。一般来说 `num_segments` 设置为 100 已经比较平滑了，如果还不够尝试 200 或 300。

2. **居中窗口的位置：** 使用 Pyglet 提供的方法直接设置窗口的位置，而不用通过 `Director` 的方法。

以下是修订后的代码：

1. import cocos
   
2. from cocos.director import director
   
3. from pyglet.gl import *
   
4. from math import cos, sin, pi
   
5. 
   
6. class TestLayer(cocos.layer.Layer):
   
7.     def __init__(self):
   
8.         super().__init__()
   
9. 
   
10.         # 定义多个圆心及其半径
    
11.         self.circles = [(150, 150, 50), (300, 300, 75), (450, 150, 100)]
    
12. 
    
13.     def draw(self):
    
14.         super().draw()
    
15. 
    
16.         # 设置颜色为红色
    
17.         glColor4ub(255, 0, 0, 255)
    
18. 
    
19.         num_segments = 100  # 用于更平滑的圆
    
20.         theta = 2 * pi / num_segments
    
21. 
    
22.         for circle_center_x, circle_center_y, circle_radius in self.circles:
    
23.             x = circle_radius
    
24.             y = 0
    
25. 
    
26.             # 绘制实心圆
    
27.             glBegin(GL_TRIANGLE_FAN)
    
28.             glVertex2f(circle_center_x, circle_center_y)  # 圆心
    
29.             for i in range(num_segments + 1):  # 包含终点以闭合圆
    
30.                 glVertex2f(circle_center_x + x, circle_center_y + y)
    
31.                 t = x
    
32.                 x = cos(theta) * x - sin(theta) * y
    
33.                 y = sin(theta) * t + cos(theta) * y
    
34.             glEnd()
    
35. 
    
36. def main():
    
37.     # 初始化舞台
    
38.     window_width = 640
    
39.     window_height = 480
    
40.     director.init(resizable=True, width=window_width, height=window_height, caption="szq")
    
41.    
    
42.     # 将窗口放置于屏幕中央
    
43.     display = director.window.display
    
44.     screen_width, screen_height = display.get_default_screen().width, display.get_default_screen().height
    
45.     window_x = (screen_width - window_width) // 2
    
46.     window_y = (screen_height - window_height) // 2
    
47.     director.window.set_location(window_x, window_y)
    
48. 
    
49.     test_layer = TestLayer()
    
50.     main_scene = cocos.scene.Scene(test_layer)
    
51.     director.run(main_scene)
    
52. 
    
53. if __name__ == '__main__':
    
54.     main()

复制代码

### 解释：
- **多圆和实心圆绘制：** 使用适合的 `GL_TRIANGLE_FAN` 方法进行绘制。
- **窗口居中：** 使用 Pyglet 的 `display` 和 `get_default_screen` 方法来获得屏幕尺寸，并通过 `set_location` 函数来设置窗口的位置到屏幕的中心。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

ydwb

以上窗口居中方法正确。画实心圆比较圆滑，画线框圆（如线宽10）增大 `num_segments`效果不好，
即使到10000，1000000直到电脑无反应，也达不到预计效果。现考虑在实心圆内再画一个小一点的
背景色实心圆来实现。以下代码应如何修改呢？
import cocos
from cocos.director import director
from pyglet.gl import *
from math import cos, sin, pi

class TestLayer(cocos.layer.Layer):
    def __init__(self):
        super().__init__()

        # 定义多个圆心及其半径、颜色
        self.circles = [(150, 150, 50,'red'), (300, 300, 75,'red'), (450, 150, 100,'red'),
                        (150, 150, 40,'black'),(300, 300, 65,'black'), (450, 150, 90,'black')]

    def draw(self):
        super().draw()
        num_segments = 100  # 用于更平滑的圆
        theta = 2 * pi / num_segments

        for circle_center_x, circle_center_y, circle_radius,color in self.circles:
            x = circle_radius
            y = 0
            glBegin(GL_TRIANGLE_FAN)
            glVertex2f(circle_center_x, circle_center_y)  # 圆心
            for i in range(num_segments+1 ):  # 包含终点以闭合圆
                glVertex2f(circle_center_x + x, circle_center_y + y)
                t = x
                x = cos(theta) * x - sin(theta) * y
                y = sin(theta) * t + cos(theta) * y
            glEnd()

def main():
    # 初始化舞台
    window_width = 640
    window_height = 480
    director.init(resizable=True, width=window_width, height=window_height, caption="szq")

    # 将窗口放置于屏幕中央
    display = director.window.display
    screen_width, screen_height = display.get_default_screen().width, display.get_default_screen().height
    window_x = (screen_width - window_width) // 2
    window_y = (screen_height - window_height) // 2
    director.window.set_location(window_x, window_y)

    test_layer = TestLayer()
    main_scene = cocos.scene.Scene(test_layer)
    director.run(main_scene)

if __name__ == '__main__':
    main()

FishC

ydwb 发表于 2024-11-13 21:14
以上窗口居中方法正确。画实心圆比较圆滑，画线框圆（ ...

要在实心圆内再画一个小一点的背景色实心圆以实现圆环的效果，可以按照以下步骤修改代码：

1. **画大圆：** 先画出具有指定颜色的大圆。
2. **画小圆：** 在大圆内部画一个稍小的圆，颜色与背景色一致，这样就能形成一个圆环效果。

以下是修改后的代码示例：

1. import cocos
   
2. from cocos.director import director
   
3. from pyglet.gl import *
   
4. from math import cos, sin, pi
   
5. 
   
6. class TestLayer(cocos.layer.Layer):
   
7.     def __init__(self):
   
8.         super().__init__()
   
9. 
   
10.         # 定义多个圆心及其半径、颜色
    
11.         self.circles = [
    
12.             # 示例：圆心(x, y)，半径，颜色
    
13.             (200, 200, 100, (255, 0, 0)),  # 红色大圆
    
14.             (400, 300, 70, (0, 255, 0))   # 绿色大圆
    
15.         ]
    
16.         self.background_color = (255, 255, 255)  # 背景色，白色
    
17. 
    
18.     def draw(self):
    
19.         super().draw()
    
20.         num_segments = 100  # 用于更平滑的圆
    
21.         theta = 2 * pi / num_segments
    
22. 
    
23.         for circle_center_x, circle_center_y, circle_radius, color in self.circles:
    
24.             # 画大圆 (环的外圈，实际可见)
    
25.             R, G, B = color
    
26.             glColor4ub(R, G, B, 255)  # 设置颜色
    
27.             x, y = circle_radius, 0
    
28.             glBegin(GL_TRIANGLE_FAN)
    
29.             glVertex2f(circle_center_x, circle_center_y)
    
30.             for _ in range(num_segments + 1):
    
31.                 glVertex2f(circle_center_x + x, circle_center_y + y)
    
32.                 t = x
    
33.                 x = cos(theta) * x - sin(theta) * y
    
34.                 y = sin(theta) * t + cos(theta) * y
    
35.             glEnd()
    
36. 
    
37.             # 画小圆 (环的内圈，用背景色覆盖)
    
38.             inner_radius = circle_radius - 10  # 调整这个值来设置环的厚度
    
39.             if inner_radius > 0:
    
40.                 glColor4ub(*self.background_color, 255)  # 设置背景色
    
41.                 x, y = inner_radius, 0
    
42.                 glBegin(GL_TRIANGLE_FAN)
    
43.                 glVertex2f(circle_center_x, circle_center_y)
    
44.                 for _ in range(num_segments + 1):
    
45.                     glVertex2f(circle_center_x + x, circle_center_y + y)
    
46.                     t = x
    
47.                     x = cos(theta) * x - sin(theta) * y
    
48.                     y = sin(theta) * t + cos(theta) * y
    
49.                 glEnd()
    
50. 
    
51. def main():
    
52.     # 初始化舞台
    
53.     window_width = 640
    
54.     window_height = 480
    
55.     director.init(resizable=True, width=window_width, height=window_height, caption="szq")
    
56. 
    
57.     # 将窗口放置于屏幕中央
    
58.     display = director.window.display
    
59.     screen_width, screen_height = display.get_default_screen().width, display.get_default_screen().height
    
60.     window_x = (screen_width - window_width) // 2
    
61.     window_y = (screen_height - window_height) // 2
    
62.     director.window.set_location(window_x, window_y)
    
63. 
    
64.     test_layer = TestLayer()
    
65.     main_scene = cocos.scene.Scene(test_layer)
    
66.     director.run(main_scene)
    
67. 
    
68. if __name__ == '__main__':
    
69.     main()

复制代码

### 说明：
- **颜色设置：** 使用`glColor4ub`设置绘制的颜色。
- **内外圆：** 外圆用指定颜色绘制，内圆用背景色绘制，从而形成环形。
- **环厚度：** 通过调整`inner_radius`相对于`circle_radius`的大小，改变环的厚度。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。