javascript - Matter.js 物理引擎的结果总是不同

Question

我在 Matter.js 物理引擎中创建了一个简单的动画，其中有一些物体碰撞并掉落在地上。

我注意到结果总是有点不同。您可以在这里看到:https://jsfiddle.net/95urgeqf/1/

        var Engine = Matter.Engine,
            Render = Matter.Render,
            World = Matter.World,
            Bodies = Matter.Bodies,
            Body = Matter.Body;

        // create an engine
        var engine = Engine.create();

        // create a renderer
        var render = Render.create({
            element: document.body,
            engine: engine
        });

        // create two boxes and a ground
        var boxA = Bodies.rectangle(400, 200, 80, 80);
        var boxB = Bodies.rectangle(450, 50, 80, 80);
        var ground = Bodies.rectangle(400, 610, 810, 60, { isStatic: true });
        var circle1 = Matter.Bodies.circle(400, 200, 20, { isStatic: true }, 300);
        var circle2 = Matter.Bodies.circle(600, 300, 20, { isStatic: true }, 300);
        var circle3 = Matter.Bodies.circle(200, 400, 20, { isStatic: true }, 300);

        Body.setVelocity(boxA, { x: 0, y: -10});

        // add all of the bodies to the world
        World.add(engine.world, [boxA, boxB, ground, circle1, circle2, circle3]);

        // run the engine
        Engine.run(engine);

        // run the renderer
        Render.run(render);

最引人注目的是左边的方 block ，当它接触地面时，它的下落总是有点不同。

我的目标是创建一个始终表现相同的动画，因此只要具有相同的参数，左侧的方 block 每次都会以相同的方式落在地面上。

Answer 1

您必须使用相同的种子。

Matter.Common._seed = 12345678;

无论如何，由于浮点运算的差异，您的动画在不同平台/浏览器上可能会有所不同。

如果您想要完全相同的行为，则需要使用 fixed point math 。

更新:

您还需要在所有应用程序中使用种子随机数生成器( for example )。