漫游效果如下连接:
操作说明:WSAD控制方向,空格键跳跃,鼠标控制方向。
涉及依赖:
THREEJS 128版本
FBXLoader
漫游功能主要是利用鼠标和键盘控制摄像机的位置和角度。位置主要修改摄像机的position属性,角度修改的是摄像机的Quaternion属性,主要修改角度的代码如下:
this.pitch.setFromAxisAngle(this.xAxis, this.angles.x);
this.yaw.setFromAxisAngle(this.yAxis, this.angles.y);
this.parent.Rotation.multiplyQuaternions(this.yaw, this.pitch).normalize();
// 修改角度代码
this.camera.quaternion.copy(this.parent.Rotation);
漫游功能可以随意走动,加载100M模型帧率稳定在60。但是现在没有加上物理引擎可以穿墙,后面会加上碰撞检测,防止穿墙。