Godot 4中如何为TileMap斜坡瓦片设置自定义可点击区域？

问题描述 #

我正在使用Godot开发2D等距视角游戏，高程功能正常，但斜坡瓦片的可点击区域表现异常：直接将鼠标坐标转换为网格坐标后，仅橙色菱形区域可被点击，方形瓦片适配正常，但斜坡场景下完全不符合需求。

一、Godot内的解决思路 #

1. 利用TileSet自定义碰撞形状实现精准点击 #

Godot的TileSet原生支持为单个瓦片设置自定义碰撞形状，可直接用于点击判定（输入检测可基于碰撞体实现）：

• 打开TileSet编辑器，选中目标斜坡瓦片
• 在右侧面板找到碰撞形状选项，添加多边形碰撞形状，完全匹配斜坡的可视区域
• 点击检测时，放弃直接用world_to_map()转坐标，改用物理射线检测获取实际碰撞的瓦片

代码示例：

func _input(event):
    if event is InputEventMouseButton and event.pressed and event.button_index == MOUSE_BUTTON_LEFT:
        var space_state = get_world_2d().direct_space_state
        var query = PhysicsPointQueryParameters2D.new()
        query.position = get_global_mouse_position()
        query.collision_mask = 1 # 匹配瓦片所在的碰撞层
        var results = space_state.intersect_point(query)
        for result in results:
            if result.collider is TileMap:
                var tile_map = result.collider as TileMap
                var cell_pos = tile_map.local_to_map(tile_map.get_local_mouse_position())
                print("点击到斜坡瓦片：", cell_pos)
                # 后续逻辑处理

2. 像素级不透明区域检测 #

如果不想依赖碰撞系统，可以直接检测点击位置的瓦片纹理透明度：

• 获取点击坐标对应的瓦片纹理及纹理内的相对坐标
• 通过Texture2D.get_image().get_pixel()读取该点的Alpha值，判断是否为不透明区域

代码示例：

func get_clicked_slope_tile(tile_map: TileMap, mouse_pos: Vector2) -> Vector2i:
    var world_pos = tile_map.to_global(mouse_pos)
    var cell_pos = tile_map.world_to_map(world_pos)
    
    # 检查当前单元格瓦片
    var tile_data = tile_map.get_cell_tile_data(0, cell_pos)
    if tile_data and check_tile_alpha(tile_data, world_pos, tile_map.get_cell_rect(cell_pos)):
        return cell_pos
    
    # 等距斜坡可能跨单元格，检查相邻瓦片
    var adjacent_cells = [
        cell_pos + Vector2i(1, 0),
        cell_pos + Vector2i(0, 1),
        cell_pos + Vector2i(-1, 0),
        cell_pos + Vector2i(0, -1)
    ]
    for adj_cell in adjacent_cells:
        var adj_tile_data = tile_map.get_cell_tile_data(0, adj_cell)
        if adj_tile_data and check_tile_alpha(adj_tile_data, world_pos, tile_map.get_cell_rect(adj_cell)):
            return adj_cell
    
    return Vector2i(-1, -1)

func check_tile_alpha(tile_data: TileData, world_pos: Vector2, tile_rect: Rect2) -> bool:
    var texture = tile_data.get_texture()
    if not texture:
        return false
    var image = texture.get_image()
    var texture_pos = (world_pos - tile_rect.position) / tile_rect.size * image.get_size()
    
    # 确保坐标在纹理范围内
    if texture_pos.x < 0 || texture_pos.x >= image.get_width() || texture_pos.y < 0 || texture_pos.y >= image.get_height():
        return false
    
    return image.get_pixelv(texture_pos).a > 0.1 # 留容错空间，避免抗锯齿影响

3. 批量处理减少重复工作 #

如果有大量斜坡瓦片，可通过以下方式简化操作：

• 在TileSet编辑器中批量选中同类型斜坡瓦片，统一套用预设的碰撞形状模板
• 编写脚本遍历TileSet中的瓦片，自动生成匹配纹理轮廓的碰撞形状

二、替代引擎推荐 #

若认为Godot的实现流程过于繁琐，可考虑以下引擎：

• Unity：2D Tilemap系统支持自定义碰撞/触发区域，结合EventSystem射线检测可快速实现精准点击，社区有丰富的等距视角资源插件
• GameMaker Studio 2：内置等距瓦片系统支持自定义碰撞掩码，像素级点击检测有现成函数，适合2D游戏快速开发
• RPG Maker MZ：针对RPG类等距游戏优化，自带瓦片系统原生支持高程与斜坡的点击判定，无需复杂自定义开发

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