如何将图像(播放器)旋转到鼠标方向?

Posted

技术标签:

【中文标题】如何将图像(播放器)旋转到鼠标方向?【英文标题】:How to rotate an image(player) to the mouse direction? 【发布时间】:2020-02-24 11:32:46 【问题描述】:

我正在考虑在 pygame 中制作一个 2d 射击游戏,我想让我的玩家 (Player_1) 指向鼠标方向。我寻找了几个小时的解决方案并尝试了我能找到的所有解决方案,但没有一个有效,所以你可以请帮助我 ? 这是我的代码:

import pygame, sys, os
from pygame.locals import *
os.environ['SDL_VIDEO_CENTERED'] = '1'
pygame.init()
#Exit settings
def quit():
  pygame.quit()
  sys.quit()
def events():
    for event in pygame.event.get():
        if event.type == QUIT or (event.type == KEYDOWN and event.key == K_ESCAPE):
            quit()

#IDS
CLOCK=pygame.time.Clock()
FPS=120
DS=pygame.display.set_mode((0,0), pygame.FULLSCREEN)
pygame.display.set_caption("Shooting simulator")
W,H=DS.get_size()
P_X=W/2-50
P_Y=H/2-50

#Colors
Red=pygame.Color("#FF0000")
Blue=pygame.Color("#0000FF")
Green=pygame.Color("#00FF00")
Black=pygame.Color("#000000")
White=pygame.Color("#FFFFFF")

#IGT(in game things)
Player_1=pygame.image.load("Img/Player_1.png").convert()

def game_loop():
  while True:
    events()

    DS.fill(White)
    DS.blit(Player_1,(P_X,P_Y))
    pygame.display.flip()
game_loop()

This is my player(Player_1)

我将非常感谢所有帮助。

【问题讨论】:

是的,这正是我想要的,感谢您的帮助,很抱歉浪费了您的时间。 【参考方案1】:

您必须计算从玩家到鼠标的矢量角度。通过pygame.mouse.get_pos() 和玩家周围的矩形 (pygame.Rect) 获取鼠标位置:

mx, my = pygame.mouse.get_pos()
player_rect = Player_1.get_rect(topleft=(P_X,P_Y))

计算从玩家到鼠标的矢量,并通过math.atan2 计算矢量的角度。 y 轴需要反转 (-dy),因为 y 轴通常指向上方,但在 PyGame 坐标系中,y 轴指向下方。

dx, dy = mx - player_rect.centerx, player_rect.centery - my
angle = math.degrees(math.atan2(-dy, dx)) - correction_angle

另外还要扣除一个修正角(- correction_angle)。校正角度取决于Sprite。如果精灵

向右看,修正角度为 0:correction_angle = 0 向上看,修正角度为 90:correction_angle = 90 正在看左边,修正角度为180:correction_angle = 180向下看,修正角度为270:correction_angle = 270

将带有pygame.transform.rotate() 的播放器围绕其中心旋转一个角度: (另见How do I rotate an image around its center using Pygame?)

rot_image = pygame.transform.rotate(Player_1, angle)
rot_image_rect = rot_image.get_rect(center=player_rect.center)

最小示例: repl.it/@Rabbid76/PyGame-RotateWithMouse

import math
import pygame

pygame.init()
window = pygame.display.set_mode((300, 300))
player = pygame.image.load("player.png").convert_alpha()

#   0 - image is looking to the right
#  90 - image is looking up
# 180 - image is looking to the left
# 270 - image is looking down
correction_angle = 90

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

    player_pos  = window.get_rect().center
    player_rect = player.get_rect(center = player_pos)

    mx, my = pygame.mouse.get_pos()
    dx, dy = mx - player_rect.centerx, my - player_rect.centery
    angle = math.degrees(math.atan2(-dy, dx)) - correction_angle

    rot_image      = pygame.transform.rotate(player, angle)
    rot_image_rect = rot_image.get_rect(center = player_rect.center)

    window.fill((255, 255, 255))
    window.blit(rot_image, rot_image_rect.topleft)
    pygame.display.flip()

pygame.quit()
exit()

【讨论】:

【参考方案2】:

这是一个简单的代码块,您可以使用它来提供帮助。 它使用一些三角函数并假设之前定义了以下内容: elsie 是玩家

position = pygame.mouse.get_pos()
    angle = math.atan2(position[1] - (elsiepos[1] + 32), position[0] - (elsiepos[0] + 26))
    elsierot = pygame.transform.rotate(elsie, 360 - angle * 57.29)
    elsiepos1 = (elsiepos[0] - elsierot.get_rect().width / 2, elsiepos[1] - elsierot.get_rect().height / 2)
    screen.blit(elsierot, elsiepos1)

这个块应该在你检测到键之后直接出现,并且应该在绘制玩家之前出现,在本例中是 elsie。

【讨论】:

以上是关于如何将图像(播放器)旋转到鼠标方向?的主要内容,如果未能解决你的问题,请参考以下文章

如何从旋转矩阵中获取用户视点?

横拍制作的视频,画面为啥是狭窄的?怎样才能显示出宽频效果?

将鼠标悬停在图像上时的音频

将鼠标悬停在css上时如何暂停幻灯片自动播放?

Unity 鼠标控制视角功能和动画播放冲突解决办法

Android 设定横屏,禁止屏幕旋转,Activity重置 [更新视频播放器相关]