如何在pygame中围绕精灵或图像绘制边框?
Posted
技术标签:
【中文标题】如何在pygame中围绕精灵或图像绘制边框?【英文标题】:How to draw a border around a sprite or image in pygame? 【发布时间】:2018-03-26 07:50:12 【问题描述】:我想在图像周围画一个红色边框,但不知道怎么做。
我尝试填充Hero
sprite 的图像并将色键设置为红色self.image.set_colorkey(red)
,但这会使图像不可见。
在图像上绘制一个红色矩形,将其完全填充:pygame.draw.rect(self.image, red, [0, 0, width, height])
。
我只想要一个红色边框,这将有助于将来进行碰撞检测。
main.py中的代码:
import pygame
from pygame import *
import sprites
from sprites import *
pygame.init()
width = 640
height = 480
color = (255, 255, 255) #white
x = 0
y = 0
speed = 3
screen = pygame.display.set_mode((width, height))
pygame.display.set_caption("Mushroom")
icon = pygame.image.load('icon.bmp')
pygame.display.set_icon(icon)
sprites_list = pygame.sprite.Group()
hero = Hero('mushroom.png', 48, 48)
hero.rect.x = 200;
hero.rect.y = 300;
sprites_list.add(hero)
running = True
clock = pygame.time.Clock()
while running:
sprites_list.update()
screen.fill((color))
sprites_list.draw(screen)
hero.draw(screen)
pygame.display.flip()
pygame.display.update()
for event in pygame.event.get():
if event.type == pygame.QUIT:
running = False
key = pygame.key.get_pressed()
if key[pygame.K_LEFT]:
hero.left(speed)
if key[pygame.K_RIGHT]:
hero.right(speed)
if key[pygame.K_UP]:
hero.up(speed)
if key[pygame.K_DOWN]:
hero.down(speed)
clock.tick(60)
sprites.py中的代码:
import pygame
from pygame import *
red = (255, 0, 0)
class Hero(pygame.sprite.Sprite):
def __init__(self, color, width, height):
super().__init__()
self.image = pygame.image.load('mushroom.png')
self.image = pygame.Surface((width, height))
self.image.fill(red)
self.image.set_colorkey(red)
pygame.draw.rect(self.image, red, [0, 0, width, height])
self.rect = self.image.get_rect()
def draw(self, screen):
screen.blit(self.image, self.rect)
def right(self, pixels):
self.rect.x += pixels
def left(self, pixels):
self.rect.x -= pixels
def up(self, pixels):
self.rect.y -= pixels
def down(self, pixels):
self.rect.y += pixels
【问题讨论】:
不清楚你想做什么。为什么要填充图片self.image.fill(red)
,然后设置色键self.image.set_colorkey(red)
?这使图像不可见。您是否要使'mushroom.png'
图像的背景透明?还是要在图像周围画一个红色边框?
是的,我想在图像周围画一个红色边框,以便将来进行碰撞检查。图片不显示,但显示一个红色矩形。
你能给我们看看你的蘑菇.png 文件吗?此外,如果您总是希望精灵周围有一个红色矩形,则无需将self.image
替换为新的pygame.Surface
并丢失您刚刚加载的所有图像数据。
@YeohaI 我重新表述了这个问题以帮助未来的读者。如果看起来还不错,请告诉我。
【参考方案1】:
你有两个选择:
-
在蘑菇图像/表面上绘制一个未填充的红色矩形。
在
draw
方法中每帧绘制矩形。
如果你想要一个未填充的矩形,你必须将一个 int 作为最后一个参数(width
行)传递给pygame.draw.rect
。
import pygame
pygame.init()
white = (255, 255, 255)
red = (255, 0, 0)
# The original
hero_img = pygame.Surface((48, 48), pygame.SRCALPHA)
pygame.draw.circle(hero_img, (30, 90, 170), (24, 24), 20)
# ---Solution 1---
# You could create a copy of the original image and
# then draw the rect onto it.
hero_img_with_border = hero_img.copy()
# Draw the red border. Pass an int as the last argument (width)
# to draw a non-filled rect. For 2 pixel linewidth the rect has
# to be one pixel smaller.
pygame.draw.rect(hero_img_with_border, red, (0, 0, 47, 47), 2)
class Hero(pygame.sprite.Sprite):
def __init__(self, position):
super().__init__()
self.image = hero_img
self.rect = self.image.get_rect(center=position)
self.speed = 3
def draw(self, screen):
# ---Solution 2---
# Just draw the non-filled rect here.
pygame.draw.rect(screen, red, self.rect, 2)
def right(self):
self.rect.x += self.speed
def left(self):
self.rect.x -= self.speed
def up(self):
self.rect.y -= self.speed
def down(self):
self.rect.y += self.speed
screen = pygame.display.set_mode((640, 480))
sprites_list = pygame.sprite.Group()
# You can pass the coords and change the rect in the __init__ method.
hero = Hero((200, 300))
sprites_list.add(hero)
running = True
clock = pygame.time.Clock()
while running:
for event in pygame.event.get():
if event.type == pygame.QUIT:
running = False
key = pygame.key.get_pressed()
if key[pygame.K_LEFT]:
hero.left()
if key[pygame.K_RIGHT]:
hero.right()
if key[pygame.K_UP]:
hero.up()
if key[pygame.K_DOWN]:
hero.down()
sprites_list.update()
screen.fill(white)
sprites_list.draw(screen)
# If you use solution 1, you don't need the draw method, since
# sprites_list.draw blits the image already.
hero.draw(screen)
screen.blit(hero_img, (100, 100))
pygame.display.flip()
clock.tick(60)
我还更改了一些内容:speed
可能是精灵的一个属性,您可以将带有坐标的元组传递给 __init__
方法,然后将其作为 center
或topleft
参数。
self.image.get_rect(center=position)
【讨论】:
【参考方案2】:您可以将 width 参数传递给pygame.draw.rect()。
换行
pygame.draw.rect(self.image, red, [0, 0, width, height])
到
pygame.draw.rect(self.image, red, [0, 0, width, height], 1)
应该做你想要的!
编辑:我意识到这篇文章很旧,但这是我遇到的一个问题,当前的最佳答案没有帮助。我找到了这个解决方案,希望它也可以帮助其他人!
【讨论】:
以上是关于如何在pygame中围绕精灵或图像绘制边框?的主要内容,如果未能解决你的问题,请参考以下文章