Language:
Page Info
Skill Level:
Engine Version:
Share
此中文页面内容对应的英文页面有后续更新,如需浏览最新文档可切换至英文页面浏览。

顶视 2D 游戏设置

此页面讲述如何对现有的 第三人称模板(Third Person Template) 项目进行修改,创建一个 顶视 2D 游戏。

可在此教程中使用自己的 2D 角色,也可从以下链接下载一个样本角色:

项目设置

我们将进行此教程的项目设置,您可导入自己的资源,也可使用样本资源。

  1. 新建一个 Third Person Blueprint 模板项目。

  2. 在项目中 右键单击 内容浏览器 中的 Content 文件夹,然后创建一个 新文件夹

    TopDown1.png

    将文件夹命名为 TopDown 或其他任意命名。

  3. 找到下载的样本资源并将 SoldierSprites.paper2dsprites 资源拖入 内容浏览器

    TopDown2.png

    此操作将自动创建一个 SolderSprites Sprite 表单资源以及包含 FramesTextures 的文件夹。

    TopDown3.png

    如需了解设置资源进行导入的更多内容,请查阅 Paper 2D 导入选项 文档。

  4. SoldierSprites 资源上 单击右键 并选择 create Flipbooks

    TopDown4.png

    此操作将基于 sprite 表单创建两个 Flipbook。

    TopDown5.png

  5. (任选)打开 Idle Flipbook,在 details 面板中将 Frames Per Second 设为 3.0

    TopDown6.png

    再将 Run Flipbook 的 Frames Per Second 设为 8.0

    TopDown7.png

    此操作将降低两个 Flipbook 动画的播放速度。

项目现已设置完成,即可开始设置顶视角色。

角色设置

我们将新建一个 Paper 2D 角色蓝图并设置角色。

  1. 内容浏览器单击右键,选择新建一个 Blueprint Class

    TopDown8.png

  2. Pick Parent Class 窗口中点击 All Classes 下拉菜单,搜索并添加 PaperCharacter

    TopDown9.png

    为新蓝图命名,如 TopDownCharacter

  3. TopDownCharacter 蓝图中的 Components 窗口内点击 Sprite 组件。

    TopDown10.png

  4. DetailsSprite 下点击 Source Flipbook 下拉菜单并选择 Idle Flipbook。

    TopDown11.png

    角色将被添加到胶囊体组件中的 视口

    TopDown12.png

  5. 返回 Details 面板,在 Transform 下将 XYZ 轴的 Rotation 设为 -90,0,90Scale 设为 0.75

    TopDown13.png

    此操作将把 Flipbook 旋转入位并将其缩小,便于放入碰撞胶囊体。

  6. Components 窗口中点击 CapsuleComponent,然后在 Details 面板中调整 Shape 设置。

    TopDown14.png

    基于使用角色的不同,设置将存在差异,我们将 Half HeightRadius 设为 45.0

  7. Components 窗口中点击 TopDownCharacter(self),然后在 Details 面板中取消勾选 Use Controller Rotation Yaw

    TopDown15.png

    在此例中,将把角色自动定位到其移动的方向,不使用控制器旋转。

  8. Components 窗口中点击 CharacterMovement 组件。

  9. CharacterMovementDetails 面板中将 Max Walk Speed 更新到 400,然后勾选 Orient Rotation to Movement

    TopDown16.png

    此操作将减慢角色移动速度,并基于运动自动旋转角色。

  10. Components 窗口中点击 Add Component 并搜索添加一个 弹簧臂(Spring Arm) 组件。

    TopDown17.png

  11. 再次点击 Add Component 并添加一个 摄像机(Camera) 组件,然后将摄像机拖到弹簧臂上完成附加。

    TopDown18.png

  12. 选择 摄像机 组件,然后在 Details 面板中将 Location 设置归零。

    ZeroCamera.png

  13. 选中 弹簧臂,然后在 Details 面板中进行以下更新。

    TopDown19.png

    我们将弹簧臂(同时也延伸到摄像机)的 Rotation 设为 180, -90, 180,将摄像机直接放置在角色上方。然后将 Target Arm Length 改为 600,将摄像机和角色之间的距离调远。最后取消勾选 Pitch、Yaw 和 RollInherit 选项,因为不需要继承摄像机的设置。

  14. 点击 编译保存,然后最小化蓝图(稍后再返回)。

角色便设置完成,然后尚未对其应用移动脚本,需要从 Third Person Character 蓝图中抓取。

完成

无需进行重复工作,因为此模板的角色自带移动的脚本功能,我们可将该功能复制到 Paper Character,使其可移动。

如需了解角色动作设置和在空白项目中设置角色动作的详细内容,请查阅 在蓝图中设置角色动作 文档。

  1. Content BrowserThirdPersonBP 文件夹中打开 Blueprints 文件夹,然后打开 ThirdPersonCharacter 蓝图。

  2. 事件图表鼠标左键 拖动选择框,然后按下 Ctrl+C 组合键复制 Movement Input 部分。

    TopDown20.png

    此处包含其他 3D 游戏性脚本,如操纵摄像机、控制器输入和跳跃。此教程只讲述整体动作。

  3. 返回 Paper Character 蓝图,在 事件图表 中按下 Ctrl+V 进行粘贴。

  4. ThirdPersonBPBlueprints 文件夹中打开 ThirdPersonGameMode 蓝图。

  5. Classes 下将 Default Pawn Class 改为使用的 Paper CharacterTopDownCharacter)。

    TopDown21.png

    此操作将把 Paper Character 设为游戏中使用的默认角色。

  6. 删除关卡中的蓝色角色,在运行游戏时不对其进行控制。

    DeleteMe.png

  7. 点击主工具栏中的 Play 按钮在编辑器中进行游戏。

    虽然 2D 角色为待机状态,但您仍可使用 WASD 键四处移动默认地图。

此教程说明如何创建可操作的 2D 角色,完成顶视游戏的基础设置;其他教程将继续深入挖掘该范例,如 设置动画状态机(为角色设置各种 Flipbook 动画状态进行使用),以及 Paper 2D 图块地图 中 2D 地图的创建部分。需要为顶视游戏设置固定摄像机位而非跟随摄像机?如何在蓝图中使用摄像机 页面将为您指点迷津。