קווי מתאר ופינות

חלק מהיחידה לולאת המשחק במסלול ה-Pygame של Coddy. שיעור 10 מתוך 32.

כל הצורות עד כה היו מלאות. הגדירו לצורה רוחב, ו־pygame יצייר רק את הקצה שלה, בעובי של מספר הפיקסלים הזה:

pygame.draw.rect(screen, (240, 240, 240), (100, 100, 120, 60), 2)
pygame.draw.circle(screen, (240, 240, 240), (300, 130), 30, 2)

רוחב של 0, או ללא רוחב כלל, ממלא את הצורה. הדבר פועל באותו אופן עבור מלבנים, עיגולים ומצולעים.

למלבנים יכולות להיות גם פינות מעוגלות. border_radius הוא רדיוס העיקול של כל פינה, בפיקסלים. העבירו אותו לפי שמו, אחרי שאר הארגומנטים:

pygame.draw.rect(screen, (80, 160, 255), (100, 200, 120, 60), border_radius=10)

כפתורים, לוחות ומדדי בריאות משתמשים לעיתים קרובות בשניהם: תיבה מלאה ומעוגלת עם קו מתאר דק מסביבה.

אתגר

קל

הפכו את התיבה לכפתור:

תנו לתיבה הכחולה border_radius=12.
אחריה, ציירו מסגרת לבנה (240, 240, 240) ב-(130, 130, 220, 80), ברוחב של 3 פיקסלים, עם border_radius=16.

נסו בעצמכם

import pygame

pygame.init()
screen = pygame.display.set_mode((480, 360))
pygame.display.set_caption("Button")
clock = pygame.time.Clock()

running = True
while running:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False

    screen.fill((30, 30, 46))
    pygame.draw.rect(screen, (80, 160, 255), (140, 140, 200, 60))
    pygame.display.flip()
    clock.tick(60)

pygame.quit()