Welcome to Matter Madness
Explore the exciting world of physics simulations with Matter Madness! This project is made with the matter.js library. Please use a laptop or computer to enjoy all the feautures of this website. However don't worry mobile users as there are still some basic features available for you. Here's a quick guide to help you make the most of your experience:
Creating Objects
- Choose the body type you want to add: Rectangle, Circle, or Polygon.
- Fill in the body's name, X and Y positions, dimensions (Width and Height), and other advanced options if needed.
- X and Y Position is supposed to be the center of mass of body.
- Static option will make the body fixed at a position provided.
Advanced Options:
Advanced options provide more control over your objects. You can:
- Change the color of the object using the Color option.
- Set the restitution (bounciness) value in the "Restitution" input field. Restituion value can lie between 0 to 1.
- Adjust the angle of the object using the Angle input.
- Control friction with Friction,Air Friction, and Static Friction settings.
Updating and Deleting Objects:
You can also update the properties of object using left sidebar:
- You can click on the body information on the left side to view the properties of the body.
- X Scale will widen the object by the factor of input.
- Y Scale will multiply the height of object by the given input.
- You can simply click the delete button and the object will be deleted.
Demo:
- Click on the demo button to see the demo I made using matter.js
- Unfortunately as of now it isn't possible to make the demo using only functionalities included in the project. But I will try to implement it whenever possible.
Exploring the Simulation
After adding objects to the playground, you can interact with them to see how they behave under the laws of physics. Objects will collide, move, and react in real-time.