Three.js 3D立方体与人物模型

Three.js 3D场景教学

包含旋转立方体和3D人物模型 - 使用控件交互体验

正在加载人物模型...

立方体控制

人物控制

光源设置

旋转速度: 0.01

尺寸: 1.0

X轴旋转: 0

Y轴旋转: 0

人物高度: 1.7

旋转: 0

位置X: 0

位置Z: -2

模型（来源）: 科幻宇航员

多边形: ≈4,200

材质: 4

环境光强度: 0.3

点光源强度: 1.0

点光源X: 5

点光源Y: 5

Three.js 3D模型集成

这个场景演示了如何在Three.js中集成3D人物模型。人物模型使用glTF格式加载，支持骨骼动画和材质定制。

glTF是用于WebGL和其他应用的3D模型标准格式，支持几何、材质、动画和场景层级结构。

1. 创建GLTFLoader实例
2. 加载模型文件
3. 处理加载完成回调
4. 将模型添加到场景

使用Three.js动画系统播放人物动画，通过AnimationMixer和AnimationAction控制播放速度和循环方式。

可调整人物位置、大小和旋转，切换姿势和播放动画，完整控制3D人物的状态。