JSFiddle - React, Tailwind, and code Playground

by Laxmikant Dange

HTML

<script src="https://rawgit.com/liabru/matter-js/master/build/matter.js"></script>

JavaScript

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

// create an engine
var engine = Engine.create();
engine.world.gravity.y = 0
// create a renderer
var render = Render.create({
  element: document.body,
  engine: engine
});

// create two boxes and a ground
var boxA = Bodies.rectangle(250, 50, 400, 20, {
  isStatic: true
});
var boxB = Bodies.rectangle(250, 430, 400, 20, {
  isStatic: true
});
var boxC = Bodies.rectangle(60, 240, 20, 400, {
  isStatic: true
});
var boxD = Bodies.rectangle(440, 240, 20, 400, {
  isStatic: true
});


// add all of the bodies to the world
World.add(engine.world, [boxA, boxB, boxC, boxD]);

// run the engine
Engine.run(engine);

// run the renderer
Render.run(render);