Matter.js - simple board game

688 Views Asked by Aleks Vujic At 18 April 2025 at 10:45

I am using matter.js to create a simple game where you have to push a ball into the hole.

If I use isStatic: false for ball object, it falls down when game is started. How can I rotate the whole platform so it is horizontal and objects don't fall down but can be pushed?

Original Q&A

There are 1 best solutions below

0stone0 On 26 November 2020 at 18:06 BEST ANSWER

Disable the gravity;

engine.world.gravity.x = 0;
engine.world.gravity.y = 0;

^Docs

Example;

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

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

// Disable gravity
engine.world.gravity.y = 0; 
// engine.world.gravity.x = 0; (Not required in this case)

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

// Ball
var ball = Bodies.circle(300, 300, 150);

// Add ball
World.add(engine.world, [ ball ]);

// Run
Engine.run(engine);
Render.run(render);

<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.14.2/matter.min.js"></script>

<body>

Matter.js - simple board game

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in MATTER.JS

Trending Questions

Popular # Hahtags

Popular Questions