3D 沙盒游戏之人物的点击行走移动

🚀 优质资源分享 🚀

学习路线指引（点击解锁）	知识定位	人群定位
🧡 Python实战微信订餐小程序 🧡	进阶级	本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
💛Python量化交易实战💛	入门级	手把手带你打造一个易扩展、更安全、效率更高的量化交易系统

前言

在 3D 游戏中，都会有一个主人公。我们可以通过点击游戏中的其他位置，使游戏主人公向点击处移动。

那当我们想要实现一个“点击地面，人物移动到点击处”的功能，需要什么前置条件，并且具体怎么实现呢？本文带大家一步步实现人物行走移动，同时进行状态改变的功能。

一、骨骼动画

骨骼动画（Skeleton animation 又称骨架动画，是一种计算机动画技术，它将三维模型分为两部分：用于绘制模型的蒙皮（Skin），以及用于控制动作的骨架。

一般在 3D 游戏中的主人公，它的跑步、走路、站立的动作，都是模型文件的自带骨骼动画。

骨骼动画权重
改变骨骼动画的权重，可以使得动画间的过渡更为自然。比如体测时，当你到达终点后，会逐渐减慢速度，跑步动作的幅度越来越小，然后变成走路，最后停止。

让我们看看一个俩动作权重渐变的例子：

这个例子中，从休闲变到走路，休闲动画的权重从1到0递减，同时走路动画的权重从0到1递增。可以的点击👉 这个网站中 > Crossfading > from idle to walk 体验一下。

在本次 3D 沙盒游戏中，人物状态改变，主要是鼠标点击地面后，人物从休闲状态转为跑步状态，当人物到达目的地后，又变为休闲状态。我们先来看看这些状态改变是如何实现的。

首先，我们需要设计师提供一个拥有骨骼动画的模型，它有两个骨骼动画，一个为休闲（idle）状态，一个为跑步（run）状态。

1.1 思路

1.2 动画初始化

先让我们将骨骼动画、动画名称、权重放到一个对象中存储起来，

idleAnimConfig = {
  name: string;
  anim: AnimationGroup;
  weight: number;
}

那么如何判断是否正在行走呢？就需要一个当前动画的 flag，初始化时将 idle 设为当前动画

currentAnimConfig = idleAnimConfig

1.3 动画权重改变

如图，我们在人物状态改变时，需要将当前状态的动画权重递增，另一状态的动画权重递减（注意，权重值需要限制在[0, 1]）。让我们看下伪代码，假设 deltaWeight 为正数

changeAnimWeight() {
  // 当前动画 -> 递增
  if (curr