2016-10-01 10 views
0

我使用了一个简单的设置Cannon.js,下面的示例在线,但是当我在构造函数中设置任何属性时,位置和角速度x,y和z都是NaN。加农炮JS - 位置向量NaN后启动属性的身体

这有效,但不移动,因为身体没有质量。

const body = new CANNON.Body(); 
console.log(body.position.x, body.mass); //logs 0, 0 

然而,这不...

const body = new CANNON.Body({ 
    mass: 1, 
}); 
console.log(body.position.x, body.mass); //logs NaN, 1 

另外,如果我实例化的身体,然后设定批量化后,它仍然不动。

上下文的一些代码(我正在调用动画循环中的更新函数,并且它正在发生A-OK)。

export const init =() => { 
world = new CANNON.World(); 
world.gravity.set(0,1,0); 
world.broadphase = new CANNON.NaiveBroadphase(); 
world.solver.iterations = 10; 

for (let i = 0; i < BODIES_COUNT; i++) { 
    const shape = new CANNON.Box(new CANNON.Vec3(4,4,4)); 
    const body = new CANNON.Body({ 
     mass: 1, 
    }); 
    const body = new CANNON.Body(); 
    body.addShape(shape); 
    body.position.set(0, 0, 0); 
    body.mass = 1; 
    body.angularVelocity.set(0, 2, 0); 
    body.velocity.set(0, 1, 0); 
    body.angularDamping = 0.5; 

    world.addBody(body); 
    bodies.push(body); 

    const geometry = new THREE.BoxGeometry(10, 10, 10); 
    const material = new THREE.MeshBasicMaterial({ color: 0xff0000, wireframe: true }); 
    const mesh = new THREE.Mesh(geometry, material); 
    meshes.push(mesh); 
} 
} 

export const update = (delta) => { 
    world.step(TIMESTEP * delta); 
} 
+0

无法重现body.position.x === NaN的问题,而不是通过主分支版本。另外,由于您定义了“const body”两次,因此运行上面的代码应该会引发语法错误。 – schteppe

+0

第二个机构是一个错误 - 它实际上并不在我的代码中,当我写这个问题的时候,它不知何故陷入了这里。现在删除它。 我也使用v0.6.2 - 很奇怪为什么这不起作用。我只能认为它可能与Babelify有一些错误。 –

回答

1

我能想到的唯一的事情是,你不小心通过delta = 0world.step。摄制使用Cannon.js v0.6.2:JSFiddle

试着改变你的代码:

使用上NPM Cannon.js v0.6.2
export const update = (delta) => { 
    if (delta > 0) { 
     world.step(TIMESTEP * delta); 
    } 
} 
+0

嘿,是的,我认为这是问题。在第一个循环中,增量为0,我没有想到这是一个问题,但似乎是这样。感谢您的帮助 –

+0

没问题。这实际上是Cannon中的一个bug - step()应该能够处理零参数。感谢您提出。 – schteppe

+0

啊哈 - 我觉得这看起来很奇怪。很高兴有帮助。顺便说一下,图书馆很棒,工作很好。如果您有任何好的学习资源,请按照我的方式发送给他们。找到了一些,但也许你知道一些好的。 –