Cannon.js

Question

我正在使用 Cannon.js 和 Three.js。我设置了一个场景，其中有 5 列 4 个块相互堆叠。

我希望这些可以与我计划添加到场景中的其他对象进行交互。但是，柱子中的块似乎会引起很多微碰撞，并且随着时间的推移，会出现位置抖动。我希望他们在与他们互动之前保持一致。

如果您查看代码笔并等待大约 20/30 秒，您会看到方块开始移动。我需要在这些块上设置一些特定的东西来防止这种情况发生吗？

这是我整理的一个例子 - https://codepen.io/danlong/pen/XxZROj

顺便说一句，当场景中有这些我没有预料到的方块时，性能也会大幅下降。我计划向场景中添加更多对象，但不确定为什么性能会下降？

这与我的 animate() 循环中的以下内容有关吗？

this.world.step(1 / 30);

专门用于设置我的 'Cannon world' 和 'columns' 的代码如下：

大炮世界：

this.world = new CANNON.World();

this.world.defaultContactMaterial.contactEquationStiffness = 1e6;    
this.world.defaultContactMaterial.contactEquationRegularizationTime = 3;

this.world.solver.iterations = 20;

this.world.gravity.set(0,-25,0);

this.world.allowSleep = true;

this.world.broadphase = new CANNON.SAPBroadphase(this.world);

列：

var geometry = new THREE.BoxBufferGeometry(5,5,5);
var material = new THREE.MeshNormalMaterial();
var shape = new CANNON.Box(new CANNON.Vec3(5/2, 5/2, 5/2));

for (var rows = 0, yPos = 2.5; rows < 4; rows++, yPos+=5) {

    for (var i = -20; i <= 20; i+=10) {

        // physics
        var body = new CANNON.Body({
            mass: 0.5,
            position: new CANNON.Vec3(i, yPos, 0),
            friction: 0.1,
            restitution: 0.3
        });

        body.allowSleep = true;
        body.sleepSpeedLimit = 0.01;
        body.sleepTimeLimit = 1.0;

        body.addShape(shape);

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

        // material
        var mesh = new THREE.Mesh(geometry, material);

        this.scene.add(mesh);
        this.meshes.push(mesh);
    }
}

Answer 1

试试这个？ body.sleepSpeedLimit = 1.0;

Cannon.js - 如何防止 jittery/shaky 阻塞？

Cannon.js - How to prevent jittery/shaky blocks?

game-physics

three.js