npm install quark2d

yarn add quark2d

import {
    Engine,
    Render,
    Runner,
    Vector,
    MouseJoint,
    Body,
    BodyType,
    Circle,
    Convex,
    Factory,
    SleepingType,
} from 'quark2d';

// Create engine
const engine = new Engine();

// Disable sleeping
engine.sleeping.setType(SleepingType.NO_SLEEPING);

// Create an empty body
const circleBody = new Body({
    position: new Vector(0, 9),
});

// Create a circle shape
const circleShape = new Circle({
    radius: 0.5
});

// Add the circle shape to the body
circleBody.addShapeRelatively(circleShape);

// Add the the body to the world
engine.world.add(circleBody);

// Create boxes
for (let i = 0; i < 8; ++i) {
    for (let j = 0; j < 5; ++j) {
        engine.world.add(Factory.Body.rectangle(new Vector(i - 3.5, j), 0, 0.8, 0.8, {}, {radius: 0.05}));
    }
}

// Create an empty static body
const ground = new Body({
    position: new Vector(0, 10),
    type: BodyType.static,
});

// Create rectangular shape
const groundShape = new Convex({
    vertices: [
        new Vector(-15, -0.5),
        new Vector(15, -0.5),
        new Vector(15, 0.5),
        new Vector(-15, 0.5),
    ],
    radius: 0.1, // Rounding radius
});

// Add the rectangular shape to the body
ground.addShapeRelatively(groundShape);

// Add the the body to the world
engine.world.add(ground);

// Create a render
const render = new Render(engine, document.body, {
    width: 800,
    height: 600,
});

// Create a mouse joint
const mouseJoint = new MouseJoint(engine, render.mouse);

// Create a runner
const runner = new Runner();
runner.on('update', (timestamp) => {
    engine.update(timestamp.delta);
})
runner.on('render', (timestamp) => {
    render.update(timestamp.delta, runner.tps);
});

// Run the runner
runner.run();
runner.runRender();