AR&VR&3D

IFE2017,WebGL-08 物理引擎——使用Physijs

2017-04-01  本文已影响643人  沈墨空

因为physijs自身没有加载模块,所以加载的时候需要用physijs的方法拷贝外部模型

var objLoader = new THREE.OBJLoader();

objLoader.load('xxx.obj',function(object){
  var model = object;

  for (let x in model.children){
    let material = Physijs.createMaterial(
      model.children[x].material,
      1,
      0
    );
    let mesh = new Physijs.BoxMesh(
      model.children[x].geometry,
      material,
      0
    );
    mesh.castShadow = true;
    mesh.receiveShadow = true;

    scene.add(mesh);
  }
},onProgress,onError);

<br />

scene.add(obj1,obj2)
原本three.js是支持这样的做法的,但是physijs中这种写法只会加载第一个元素
<br />

// Change the object's position
mesh.position.set( 0, 0, 0 );
mesh.__dirtyPosition = true;

// Change the object's rotation
mesh.rotation.set(0, 90, 180);
mesh.__dirtyRotation = true;

推荐的做法是给物体一个线速度或者角速度

// use linear velocity to change rotation
mesh.setLinearVelocity(new THREE.Vector3(0, 0, 1));

// use angular velocity to change rotation
mesh.setAngularVelocity(new THREE.Vector3(0, 1, 0));

但是这有个问题,直接改变的做法动画是很流畅的,但是用速度矢量画面会有一顿一顿的情况,暂未能解决。
<br />

直接解决的办法还没找到,用角速度的方法是没问题的。
相关issue:issue137issue170

监控物体的rotation可以发现在y在90度附近时rotation的x和z在-PI,0,PI之间反复变动的情况

此外根据issue223中jimver04的回复我尝试把fixedTimeStep改成1/20,结果是可以超过90度了,但是时不时会出现物体翻转的情况。

上一篇下一篇

猜你喜欢

热点阅读