Three.js 基础入门--第16课：实战篇之人物操作案例 _创建

下图是本文所分享实例最后的展示效果。本案例实现了人物跟随操作杆移动并跑步的动作，右边按钮可以实现攻击，短时间内连按可以实现不同的攻击动作。接下来我将带大家一步步实现这个案例。
场景的搭建
首先，我们需要把舞台搭建出来，先创建 Scene 场景。

文章插图
【Three.js 基础入门--第16课：实战篇之人物操作案例】创建 Scene
如下代码，我们创建了场景，并将背景设置为灰色。此外，还为场景设置了雾化效果，其中的三个参数分别表示雾的颜色、雾的开始距离、完全雾化距离相机的位置。
scene = new THREE.Scene();scene.background = new THREE.Color(0xa0a0a0);scene.fog = new THREE.Fog(0xa0a0a0, 1000, 11000);
创建

文章插图
我们创建了一个与地面呈 45 度角并朝向原点的相机，代码如下：

camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 20000);camera.position.set(0, 800, -800);camera.lookAt(new THREE.Vector3());

创建灯光
我们创建了两个灯光，分别为照射全局的环境光和可以产生阴影的平衡光。
scene.add(new TH