Estou tentando integrar um jogo, construído com matter-js, no meu webapp SvelteKit existente, mas estou ficando perplexo sobre o porquê da gravidade não estar afetando o corpo circular que estou adicionando. O seguinte é o código typescript dentro do meu arquivo svelte:
onMount(async () => {
const Matter = await import('matter-js');
const canvas = document.getElementById("canvas")!
const engine = Matter.Engine.create();
const ball = Matter.Bodies.circle(100, 0, 10);
Matter.Composite.add(engine.world, ball);
Matter.Engine.update(engine);
const render = Matter.Render.create({
element: canvas,
engine: engine,
})
Matter.Render.run(render);
Matter.Runner.run(engine);
})
A bola está presa na posição inicial definida dentro do método circle(). Estou usando vite para o servidor dev local.