let colours = ["#Dec3c3", "#e7d3d3", "#f0e4e4", "#f9f4f4"]
createCanvas(windowWidth, windowHeight);
let engine = Matter.Engine.create();
Matter.Runner.run(engine);
for (let i=0; i < 10; i++) {
balls.push(Matter.Bodies.circle(random(0, width), 10, 20))
Matter.Composite.add(engine.world, balls);
for (let ball of balls) {
rampBody1 = Matter.Bodies.rectangle(200, 400, 400, 20, {
Matter.Composite.add(engine.world, rampBody1);
rampBody2 = Matter.Bodies.rectangle(900, 200, 400, 20, {
Matter.Composite.add(engine.world, rampBody2);
roof = Matter.Bodies.rectangle(550, 1, 1100, 30, {
Matter.Composite.add(engine.world, roof);
movingRamp = Matter.Bodies.rectangle(mouseX, 10, 400, 20, {
Matter.Composite.add(engine.world, movingRamp);
movingRamp.restitution = 1.1
Matter.Body.setAngle(rampBody1, radians(30))
Matter.Body.setAngle(rampBody2, radians(-30))
for (let ball of balls) {
circle(ball.position.x, ball.position.y, 40)
Matter.Body.setPosition(movingRamp, {
function mousePressed() {}
function drawShape(body) {
for (let vert of body.vertices) {