Godot3游戏引擎入门之七：地图添加碰撞体制作封闭的游戏世界

godot_cover.jpg

一、前言

在前面的文章中，我分别介绍了如何上下左右移动玩家，以及使用瓦片集制作丰富的游戏地图，现在，是时候结合在一起，制作一个简单的游戏世界了，这个游戏世界既有丰富的场景元素，也有合理的碰撞检测，玩家可以在封闭的世界里自由移动。

Godot3游戏引擎入门之五：上下左右移动动画（下）
Godot3游戏引擎入门之六：制作TileMap瓦片地图

上面的第一篇文章中，其实我们已经实现了一个简单的封闭世界，我们是这样实现碰撞检测的：给场景中的墙壁添加静态碰撞体，给玩家节点添加 RigidBody2D 刚体属性，我们在代码中设置玩家的线速度，而大部分物理属性由 Godot 引擎帮我们实现了。在第二篇文章中，我们又通过学习 TileSet 和 TileMap 可以在游戏中制作出复杂的场景，但问题是：地图上还缺少碰撞体，无法和玩家进行交互。

所以，这篇文章要解决上面两个小问题：第一，使用 KinematicBody2D 节点作为玩家对象，这样我们能自由控制物理反馈，实现相关的游戏功能；第二，我们需要给地图添加更多的真实的碰撞体，比如墙壁、障碍物等。这也是我们游戏开发的正常流程。

主要内容： 给 TileMap 地图添加碰撞体并测试
阅读时间： 4-6 分钟
永久链接：http://liuqingwen.me/blog/2018/10/22/introduction-of-godot-3-part-7-add-collision-and-move-player-in-map/
系列主页：http://liuqingwen.me/blog/tags/Godot/

二、正文

本篇目标

1. 给地图中的瓦片添加碰撞体
2. 玩家添加碰撞体，在地图中移动测试
3. 学习几个实用的脚本函数

添加碰撞体

在上篇文章的基础上，我们需要给每一个瓦片添加上碰撞体，这个操作很简单，直接添加具有碰撞体功能的节点即可。在 Godot 3.1 新版本中，设置步骤稍微繁琐，但是效果更加直观，效率也会更高。两种方式我们都了解一下，具体操作方式可以根据你的 Godot 版本而定。

3.0 版本

首先打开我们之前保存过的用于创建 TileSet 资源的游戏场景文件（ Tileset_Sprites.tscn 和 Tileset_SpriteSheet.tscn ），然后直接给每一个节点添加碰撞体。场景中的 Sprite 节点最终都会转化为 Tile 瓦片，要给每个瓦片添加碰撞体，只需要在每个 Sprite 节点下添加一个 StaticBody2D 静态碰撞体作为子节点，然后给静态碰撞体添加 CollisionShape2D 节点并设置碰撞体形状即可。

godot_7_add_collision_node.jpg

这些都在前面的文章里已经详细介绍过了，不过要特别注意的是：给所有 Sprite 节点都添加了碰撞体后，必须重新保存以覆盖之前的 TileSet 资源，才能把碰撞体更新到地图中，否则设置了碰撞体也不会有效果。文章后面我会介绍 Godot 中强大的 Debug 功能对碰撞体进行可视化测试，避免意外情况。

3.1 版本

Godot 3.1 新版本关于 TileMap 的一些新特性上一篇文章已经介绍过了，基本流程类似：划分 Region 区域 -> 标记 Bitmask 掩码 -> 添加 Collision 碰撞体区域。新版本不需要添加任何子节点，直接在相应的瓦片上绘制碰撞体形状即可。如下图，相关参数上一篇文章已经介绍过了：

godot_7_tilemap_collision.jpg

注：黄色代表已绘制的碰撞体，蓝色代表正在绘制的碰撞体。
操作提示：如果不方便设置自动吸附的参数，那么在绘制碰撞体形状的时候会出现很难精确点位的问题，这个时候我们可以取消吸附，选择粗略绘制完的碰撞体，点击 Points 属性值，对每一个点进行手动修改调整即可。

一般我们给墙壁和不可穿越物体设置碰撞体即可。设置完每一个瓦片集的碰撞体形状后，地图上就会出现相应的静态碰撞体了，新版本操作起来非常简单快捷！

添加主角

游戏世界里怎么能缺少玩家呢？老生常谈的话题，前面的文章已经多次介绍如何制作完整的 Player 玩家节点了，这里我们的地图是支持 Player 上下左右移动的，实现起来也不难，具体请参考上一篇文章的详细介绍：Godot3 游戏引擎入门之五：上下左右移动动画（下）。本次我们的主角 Player 主要有两种状态：静止（ idle ）和跑动（ run ），注意设置动画的总时长和开启循环播放。另外，由于原图稍大，不能直接放在地图中，我对玩家 Sprite 节点进行了缩放。

knight.png

说明：和前面几篇文章不同的是，这里我使用了游戏中常用于制作玩家根节点的 KinematicBody2D 图形学节点作为 Player 对象的根节点，并添加一个 CollisionShape2D 节点作为碰撞体。这样做既能让 Player 参与物理响应，又能在代码中操作其移动。

godot_7_collision_shape_size.jpg

另外有三个需要注意的地方：

• 第一个是碰撞体形状中的 Extends 属性值表示半宽和半高，这和 Box2D 物理引擎一样
• 第二个是我们设置的碰撞体形状要比图片稍小，这样能防止意外碰撞，产生不必要的碰撞运算和效果
• 第三个，也是非常重要的一点：不要缩放碰撞体形状，即：不要设置 scale 属性

第三点同样是为了防止产生意外碰撞情形，不过这点貌似在 Godot 3.1 版本中已经修正了：在绘制碰撞体图形时不能直接拖拽鼠标进行缩放碰撞体了：

godot_7_handle_of_collision_shape.jpg

准备工作已经完成，接下来就是最关键的部分：脚本代码了。

编写代码

给游戏场景的根节点 Game 添加一个 GDScript 脚本，参考前面学习到的知识， 代码量并不多，新的方法已经做了注释，全部的代码如下：

extends Node2D

# export使变量能在属性窗口中显示和设置值
export(float) var speed = 1
onready var player = $Player
onready var sprite = $Player/Sprite
onready var animationPlayer = $Player/AnimationPlayer

# 在这里不使用_process(delta)方法处理物理引擎，
# 而应该使用_physics_process(delta)方法进行处理
func _physics_process(delta):
    var velocity = Vector2()
    var isMoving = false
    
    if Input.is_action_pressed('ui_left'):
        velocity.x += -1
        sprite.flip_h = true
        isMoving = true
    if Input.is_action_pressed('ui_right'):
        velocity.x += 1
        sprite.flip_h = false
        isMoving = true
    if Input.is_action_pressed('ui_up'):
        velocity.y += -1
        isMoving = true
    if Input.is_action_pressed('ui_down'):
        velocity.y += 1
        isMoving = true
        
    if velocity.length() > 0:
        velocity = velocity.normalized() * speed
        # 关键代码：移动并测试碰撞体，参数为玩家的移动速度
        player.move_and_collide(velocity)
    
    if isMoving and animationPlayer.current_animation != 'run':
        animationPlayer.current_animation = 'run'
    elif ! isMoving and animationPlayer.current_animation != 'idle':
        animationPlayer.current_animation = 'idle'

新的关键词和脚本函数介绍；

1. export 关键字修饰的变量能在编辑器的属性窗口中显示并设置值，类似 Unity 中的 public/[Serialized] 关键词
2. flip_h 布尔值表示图片是否水平翻转，产生向左或者向右的效果，相比使用 scale 缩放属性更加方便简洁
3. move_and_collide(Vector2) 这是本文 Demo 代码的精髓部分，传递一个速度矢量参数，游戏引擎将移动并处理物理碰撞，简洁又强大

godot_7_export_variable.jpg

效果调试

全部完成了，按 F5 运行游戏，测试我们的最终成果吧。感觉如何？反正我还是有点激动的，“尽情”探索一个“未知世界”吧：有围墙，有障碍物，有墙壁，各种地形等，如果在跑动过程发现有任何问题，别慌，你还可以对地图的所有碰撞体进行 Debug 调试！这也是 Godot 的强大功能之一，在 Debug 菜单下勾选 Visible Collision Shapes 选项即可开启！

godot_7_debug_collision.jpg

开启碰撞调试后运行游戏的效果：

result_1.gif

注意图中的蓝色形状体就是地图碰撞体，是不是和预期一样？调试的时候，我稍微放大了 Player 节点图片，测试的时候看得清楚些，如果你之前有多余的地图，那么场景中可能有多余的不可见的碰撞体存在，这样会影响游戏运行，避免的方法可以直接删除之前的 TileMap 测试地图，也可以在瓦片地图属性下对碰撞图层进行设置，取消碰撞图层和碰撞掩码即可，关于碰撞图层和掩码设置我在后面再讲，操作如下图：

godot_7_set_collision_layer.jpg

确认场景没有问题后，关闭调试，运行游戏，享受一下自己的成果吧！ :smiley:

result_2.gif

三、总结

本篇文章可以算是之前文章的一个结合，是不是感觉越来越简单了？开始动手实现自己的小游戏吧，骚年！不吹逼了，总结下本篇的知识点：

1. Tile 瓦片碰撞体设置
2. Debug 调试地图、玩家的碰撞体运行状态
3. 几个有用的 GDScript 脚本代码技巧

我想，接下来给大家介绍一些游戏开发中常用的、实用的技巧，以及帮助大家提高效率，在强大开源的 Godot 游戏引擎中以正确的姿势开发 2D 小游戏！“静候佳音”吧，哈哈。嗯，还是那句话，原创不易，希望大家喜欢！ :smile:

我的博客地址： http://liuqingwen.me ，欢迎关注我的微信公众号：

IT自学不成才