platform - 3

// platform-3

var cx;
var cy;
var r = 24;
var sign = 1; //  -1 or 1
var px;
var py;
var pw = 30;
var ph = 10;

function setup() {
  var cnv = createCanvas(400, 300);
  cnv.position(60, 200);
  cx = width/2;
  cy = height/2;
  px = width/2;
  py = height*0.8;
} //setup

function draw() {
  background(192);

  strokeWeight(1);
  stroke(0);
  fill(255, 0, 0);
  cy = cy + sign;
  if (cy >= py - ph - r) {
    sign = -1;
  }
  if (cy <= 0 + r) {
    sign = 1;
  }
  ellipseMode(RADIUS);
  ellipse(cx, cy, r, r);

  if (keyIsDown(LEFT_ARROW)) {
    px = px -1;
  }
  if (keyIsDown(RIGHT_ARROW)) {
    px = px + 1;
  }

  fill(0, 192, 0);
  rectMode(RADIUS);
  rect(px, py, pw, ph);
} //draw