Matter.js

Matter.js was created to enhance Web animations and allow developers to create more realistic effects, and especially for browser-based games.

While most Web animations are executed with the element itself being in the center of the stage, Matter.js brings order in Web animations by anchoring a gravity like force at the bottom of the page.

The direct effect of this is an animation environment where all movements and interactions are driven by this gravity force, mimicking real World conditions.

Additional factors like momentum, resistance, friction, chaining, stress, and many other are also supported, all with the purpose of recreating real conditions as closely as possible.

Demos and usage instructions are included with the Matter.js package.

Features:

• 100% JS code
• Smooth animations
• Mobile friendly
• Cross-browser tested
• HTML 5 ready
• Support for touch gestures
• Support for object mass
• Support for object density
• Support for object dimensions
• Support for rigid bodies
• Support for object stacking
• Support for object resting
• Support for (in)elastic collisions
• Support for movement constraints
• Support for momentum conservation
• Support for movement acceleration
• Support for friction
• Support for resistance
• Support for custom gravity points
• Support for static bodies
• Support for sleeping bodies
• Support for time scaling

What is new in this release:

• Added:
• Views demo
• Time Scaling demo
• Rounded Corners (Chamfering) demo
• Raycasting demo
• Query module, including raycasting
• 3 useful new Composite methods
• Support for mouse wheel, mouse scaling and offsets
• Body.scale for scaling bodies on the fly
• Body.timeScale for slowing down bodies per-body
• Body.setStatic for correctly setting static
• Vertices.chamfer for rounding corners of any set of vertices
• Integration of chamfer to body factories
• engine.timing.isFixed option to disable dynamic timing
• render.bounds for translating and scaling views

What is new in version 0.7.0:

• Added six new demos
• Added new event system
• Added sprite texture rendering support
• Added WebGL renderer (pixi.js)
• Improved Composite (and World)

What is new in version 0.5.0:

• First release.

Requirements:

• JavaScript enabled on client side

Limitations:

• Still under development.