Object beyond the edge. about matter-js HOT 6 CLOSED

Did the object go outside of the visible canvas area?

Currently Matter doesn't simulate anything that falls outside of the world bounds.
See the code here.

By default the world bounds are set to the same size as the canvas (800x600).

You can make the world bounds bigger when you create a world:

Matter.World.create({ 
    bounds: { 
        min: { x: 0, y: 0 }, 
        max: { x: 800, y: 600 } 
    }
});

The other issue is that small objects can pass through other objects given enough force / speed.
This is due to the current lack of continuous collision detection (may implement later).

Does this help, or did you mean something else?

from matter-js.

Example of out of bounds object

from matter-js.

from matter-js.

Thanks for the screenshots.

Can somebody give me the steps to reproduce this?

Did you just throw an object side ways really quickly? I managed to do this on the friction demo.
Again, since there is currently no CCD, really fast objects can pass through other objects.

from matter-js.

It worked for me on all demos, grab the object and keep moving it horizontally against the vertical walls, as you move the mouse faster and further from the object, the object will gain velocity ( I think! I'm not very good in physics) and move further away from the courser till at some point will break through the vertical walls and disappear from the screen but the green line stays connected to the object till you let go and unclick. I hope that helps.

from matter-js.

Thanks guys, I know what this is now.

I've opened a new issue discussing the solution to this, so I'll close this one, cheers

from matter-js.