为什么我的圆圈以一定角度从直表面反弹?

时间:2017-07-18 15:08:33

标签: javascript physics matter.js

我的世界里有一个球和两个垂直的垂直表面。

当我对球施加一个力时,我希望它保持在一条直线上,但是它似乎以某个角度反弹。

小提琴:https://jsfiddle.net/zvjvvzeL/11/

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

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

    var canvas = document.getElementById('canvas');

    engine.world.gravity.y = 0; // gravity not needed in this app

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

    var ball_0 = Bodies.circle(100, 150, 11, {
        density: 0.04,
        frictionAir: 0.06,
        restitution: 0.8,
        friction: 0.3
    });

    var cushion_left = Bodies.rectangle(34, 160, 100, 208, { isStatic: true });
    var cushion_right = Bodies.rectangle(492, 160, 100, 208, { isStatic: true });

    // add all of the bodies to the world
    World.add(engine.world, [cushion_left, cushion_right, ball_0]);

    render.options.height = 300;
    canvas.height = 300;
    Engine.run(engine);
    Render.run(render);

    Body.applyForce(ball_0, { x: 0, y: 0 }, { x: 0.5, y: 0 });

1 个答案:

答案 0 :(得分:4)

对MatterJS不太熟悉,但看起来球默认应用角度旋转。我认为这只影响你建立的封闭系统。

从长远来看,也许你会想要它,但是现在你可以设置intertia : Infinity

var ball_0 = Bodies.circle(100, 150, 11, {
    density: 0.04,
    frictionAir: 0.06,
    restitution: 0.8,
    friction: 0.3,
    inertia : Infinity
});

但是现在你还需要施加更大的力量才能让球碰到墙壁。我把它调到了.6

Body.applyForce(ball_0, { x: 0, y: 0 }, { x: .6, y: 0 });