Ramp demo matterjs - OpenProcessing

mySketch
xxxxxxxxxx
 
//Controls: LEFT_ARROW, RIGHT_ARROW, UP_ARROW, DOWN_ARROW for block movement
​
let ballBody
let groundBody
let targetPosX = 300
let targetPosY = 500
​
function setup() {
  createCanvas(600, 600);
  let engine = Matter.Engine.create()
  Matter.Runner.run(engine)
  
  ballBody = Matter.Bodies.circle(300, 50, 30)
  Matter.Composite.add(engine.world, ballBody)
  
  groundBody = Matter.Bodies.rectangle(targetPosX, targetPosY, 50, 20, {
isStatic: true})
  //Matter.Body.setAngle(groundBody, radians(20))
  Matter.Composite.add(engine.world, groundBody)
  
  groundBody.friction = 0;
  ballBody.friction = 0
  ballBody.restitution = 1
  
}
​
function draw() {
  background(100)
  circle(ballBody.position.x, ballBody.position.y, 60)
  drawShape(groundBody)
}
​
function drawShape(body) {
  beginShape()
  for (let vert of body.vertices) {
    vertex(vert.x, vert.y)
  }
  endShape()
}
​
function keyPressed() {
  if (key === "1") {
    targetPosX = 50
  }
  if (key === "2") {
    targetPosX = 200
  }
  if (key === "3") {
    targetPosX = 300
  }
  if (key === "4") {
    targetPosX = 450
  }
  if (keyCode === LEFT_ARROW) {
    targetPosX -= 20
    const startVec = Matter.Vector.create(targetPosX, targetPosY)
    Matter.Body.setPosition(groundBody, startVec)
  }
  if (keyCode === RIGHT_ARROW) {
    targetPosX += 20
    const startVec = Matter.Vector.create(targetPosX, targetPosY)
    Matter.Body.setPosition(groundBody, startVec)
  }
  if (keyCode === UP_ARROW) {
    targetPosY -= 20
    const startVec = Matter.Vector.create(targetPosX, targetPosY)
    Matter.Body.setPosition(groundBody, startVec)
  }
  if (keyCode === DOWN_ARROW) {
    targetPosY += 20
    const startVec = Matter.Vector.create(targetPosX, targetPosY)
    Matter.Body.setPosition(groundBody, startVec)
  }
}
​
function keyTyped() {
  if (key === LEFT_ARROW) {
    targetPosX -= 20
    const startVec = Matter.Vector.create(targetPosX, targetPosY)
    Matter.Body.setPosition(groundBody, startVec)
  }
}
​
function mousePressed() {
  
    const startVec = Matter.Vector.create(mouseX, mouseY)
    const velocityVec = Matter.Vector.create(0, -5)
    Matter.Body.setPosition(ballBody, startVec)
    Matter.Body.setVelocity(ballBody, velocityVec)
}
​
​
  