Three.js PointerLockControls 和 Physisjs 碰撞检测

Question

我正在使用 PointerLockControls (full modified code) 开发一个 Three.js 项目。我想为 playehr 实现碰撞检测。我将通过制作一个新的 Physijs 圆柱体对象，然后将其与相机一起传递给 PointerLockControls：

  var player = new Physijs.CylinderMesh( new THREE.CylinderGeometry( 2, 2, 10, 32) , playerMaterial );
  player.position.set(0, 5, 0);
  player.addEventListener( 'collision', handleCollision );
  scene.add(player);

  controls = new PointerLockControls( camera, player );

在 PointerLockControls 中，我将外部对象（偏航旋转处理程序）附加到传递的玩家对象，然后在世界中移动玩家对象。

velocity.x -= velocity.x * 10 * dt;
velocity.z -= velocity.z * 10 * dt;
velocity.y -= 9.8 * 20 * dt;

if (moveForward) velocity.z -= 180 * dt;
if (moveBackward) velocity.z += 180 * dt;
if (moveLeft) velocity.x -= 180 * dt;
if (moveRight) velocity.x += 180 * dt

player.translateX( velocity.x * dt );
player.translateY( velocity.y * dt );
player.translateZ( velocity.z * dt);

但是，在测试时，玩家对象和摄像机都穿过地板，或者，如果 translateY 被注释掉，当我尝试移动它们时，除了在原地猛烈振动之外什么都不做。

我哪里设置错了？在我看来，问题来自将 yawObject 附加到播放器对象，然后以正确的方式移动它以使用我的设置进行碰撞检测？

Answer 1

找到了我自己的问题的答案： Physijs 不支持 three.js 风格的对象操作。如果我们想像我在代码中那样使用 translate() ，我们需要像这样更新对象的脏位置参数：

player.translateX( velocity.x * dt );
player.translateY( velocity.y * dt );
player.translateZ( velocity.z * dt );
player.__dirtyPosition=true;

以上将使运动起作用。

Three.js PointerLockControls 和 Physisjs 碰撞检测

Three.js PointerLockControls and Physisjs collision detection

javascript

three.js

physijs