使用pytmx、pygame实现玩家触碰门时触发开启动画的技术问题咨询

一、门画面重叠问题修复 #

问题根因是当前Renderer渲染地图时，会把门所在的图层/门对象直接绘制到静态的map_surface上，同时你又单独渲染Door精灵，两层重复就会出现重叠。
具体修复步骤：

• 第一步：在Tiled编辑器里把门所在的图层单独拆分，命名比如doors，在Renderer的渲染逻辑里跳过该图层的绘制，不要让门的静态图出现在底层地图上
• 第二步：保留现有的Door精灵逻辑，每帧渲染时先画静态地图，再渲染doors精灵组即可，碰撞判定完全基于Door精灵的rect，不受图层跳过的影响

对应代码修改点：
修改Renderer的render方法，增加跳过指定图层的逻辑：

def render(self, surface, skip_layers=["doors"]):
    tw = self.tmx_data.tilewidth
    th = self.tmx_data.tileheight
    
    if self.tmx_data.background_color:
        surface.fill(self.tmx_data.background_color)

    for layer in self.tmx_data.layers:
        if layer.name in skip_layers: # 跳过门图层不渲染
            continue
        if isinstance(layer, pytmx.TiledTileLayer):
            for x, y, image in layer.tiles():
                if image:
                    surface.blit(image.convert_alpha() , (x * tw, y * th))
        elif isinstance(layer, pytmx.TiledObjectGroup):
            for object in layer:
                if object.image:
                    surface.blit(object.image.convert_alpha() , (object.x, object.y))
        elif isinstance(layer, pytmx.TiledImageLayer):
            if image:
                surface.blit(image , (0, 0))

调整全局渲染顺序，保证动态精灵在静态地图之上：

# 先渲染静态底图
screen.blit(room.surface, (0,0))
# 再渲染障碍物、门、玩家等动态元素
room.obstacles.draw(screen)
room.doors.draw(screen)
player.draw(screen)

二、直接调用tmx内置动画tile的实现 #

pytmx原生支持读取Tiled中配置的动画tile属性，不需要自己额外拼接精灵表，直接从tmx数据中就能拿到动画的帧序列和单帧时长，实现步骤：

• 在Renderer中增加动画tile的管理列表，初始化时遍历所有tile，把带动画属性的tile信息（坐标、帧列表、当前帧、更新计时）存储下来
• 每帧更新所有动画tile的帧进度，渲染时直接绘制对应帧即可

对应代码修改点：
给Renderer新增动画管理相关属性和方法：

def __init__(self, filename):
    tm = pytmx.load_pygame(filename, pixelalpha=True)
    self.object_images = []
    self.size = tm.width * tm.tilewidth, tm.height * tm.tileheight
    self.tmx_data = tm
    self.animated_tiles = [] # 存储所有动画tile的配置
    self.load_animated_tiles() # 初始化加载动画tile
    self.map_surface = self.make_map()
    self.current_frame = 0

def load_animated_tiles(self):
    tw = self.tmx_data.tilewidth
    th = self.tmx_data.tileheight
    # 遍历所有tile图层找动画tile
    for layer in self.tmx_data.layers:
        if not isinstance(layer, pytmx.TiledTileLayer):
            continue
        for x, y, gid in layer.iter_data():
            tile_props = self.tmx_data.get_tile_properties_by_gid(gid)
            # 判断是否为动画tile
            if tile_props and "animation" in tile_props:
                frames = []
                for frame in tile_props["animation"]:
                    # 读取单帧的图片和持续时长
                    frame_surface = self.tmx_data.get_tile_image_by_gid(frame.gid)
                    frames.append((frame_surface, frame.duration))
                # 存储动画tile的完整信息
                self.animated_tiles.append({
                    "x": x * tw,
                    "y": y * th,
                    "frames": frames,
                    "current_frame": 0,
                    "last_update": pygame.time.get_ticks()
                })

# 每帧调用更新动画进度
def update_animated_tiles(self):
    now = pygame.time.get_ticks()
    for tile in self.animated_tiles:
        cur_frame = tile["current_frame"]
        frame_duration = tile["frames"][cur_frame][1]
        if now - tile["last_update"] >= frame_duration:
            tile["current_frame"] = (cur_frame + 1) % len(tile["frames"])
            tile["last_update"] = now

渲染时叠加动画tile：

screen.blit(renderer.map_surface, (0,0))
# 绘制所有动画tile
for tile in renderer.animated_tiles:
    cur_surface = tile["frames"][tile["current_frame"]][0]
    screen.blit(cur_surface, (tile["x"], tile["y"]))

内容的提问来源于stack exchange，提问作者SnK