{"size": 951, "ext": "js", "max_stars_repo_path": "src/test-render.js", "max_stars_repo_name": "sshilal1/spears", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/test-render.js", "max_issues_repo_name": "sshilal1/spears", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/test-render.js", "max_forks_repo_name": "sshilal1/spears", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.3846153846, "max_line_length": 68, "alphanum_fraction": 0.650893796}
var Engine = Matter.Engine,
    Events = Matter.Events,
    Render = Matter.Render,
    Runner = Matter.Runner,
    Body = Matter.Body,
    Common = Matter.Common,
    Composite = Matter.Composite,
    Composites = Matter.Composites,
    Constraint = Matter.Constraint,
    MouseConstraint = Matter.MouseConstraint,
    Mouse = Matter.Mouse,
    World = Matter.World,
    Bodies = Matter.Bodies,
    Vector = Matter.Vector;

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

const platforms = [
    Bodies.rectangle(50,390,100,10,{color: "blue", isStatic: true}),
    Bodies.rectangle(500,250,100,10,{color: "red", isStatic: true})
]
World.add(world, platforms);

// create renderer
var render = Render.create({
    element: document.body,
    engine: engine,
    options: {
        width: 800,
        height: 600,
        showAngleIndicator: true,
        background: '#fff'
    }
});

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