Volleyball - OpenProcessing

mySketch
xxxxxxxxxx
 
let pos, pos2;
let links = false;
let rechts = false;
let links2 = false;
let rechts2 = false;
let spring = false;
let spring2 = false;
let vx1 = 0;
let vx2 = 0;
let vy = 0;
let vy2 = 0;
let vyB = 0;
let vxB = 0;
let rad;
let posB;
let grav;
let punkte = 0;
let punkte2 = 0;
let bg, sp;
let bl;
let comp = false;
let start = false;
let schwier = 1;
​
function preload() {
  bg = loadImage("strand.jpg");
  bl = loadImage("ball.png");
  sp = loadImage("spieler2.png");
}
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  pos = createVector(width * 0.33, height * 0.9);
  pos2 = createVector(width * 0.66, height * 0.9);
  posB = createVector(width * 0.33, height / 2);
  rad = height/20;
  grav = height/3400;
}
​
function draw() {
  imageMode(CORNER);
  image(bg, 0, 0, width, height);
  if (start) {
  strokeWeight(5);
  stroke(0);
  line(width / 2, height, width / 2, height / 2);
  textAlign(CENTER);
  textSize(20);
  noStroke();
  fill(0);
  text(punkte + "  :  " + punkte2, width / 2, height * 0.12);
  spieler1();
  spieler2();
  ball();
  if (comp) computer();
  } else {
    anfang();
  }
}
​
function spieler1() {
  //Bewegen
  let bounce = (links && pos.x - rad + vx1 < 3);
  let vxmax = width/166;
  if (links && pos.x - rad + vx1 > 0 && !bounce) {
    if (vx1 > -vxmax) vx1 -= vxmax/15;
  } else if (links && bounce) {
    vx1 *= -1;
  }
  if (rechts && !bounce) {
    if (vx1 < vxmax) vx1 += vxmax/15;
  }
  if ((!bounce && !links && !rechts)|| pos.x + rad + vx1 > width / 2) vx1 = 0;
  pos.x += vx1;
  //Springen
  if (spring && pos.y + rad + vy > height - 10) vy = -height/70;
  if (pos.y + rad + vy < height) {
    vy += grav;
    pos.add(0, vy);
  } else {
    vy = 0;
  }
  //Zeichnen
  noStroke();
  fill(255, 0, 0);
  imageMode(CENTER);
  image(sp,pos.x, pos.y, rad * 2, rad*2);
}   
​
function spieler2() {
  //Bewegen
  let bounce2 = (rechts2 && pos2.x + rad + vx2 > width - 4);
  let vxmax = width/166;
  if (comp && schwier == 1)vxmax = width/206;
  if (comp && schwier == 2)vxmax = width/186;
  if (comp && schwier == 3)vxmax = width/166;
  if (rechts2 && pos2.x + rad + vx2 < width && !bounce2) {
    if (vx2 < vxmax) vx2 += vxmax/15;
  } else if (rechts2 && bounce2) {
    vx2 *= -1;
  }
  if (links2 && !bounce2) {
    if (vx2 > -vxmax) vx2 -= vxmax/15;
  }
​
  if ((!bounce2 && !links2 && !rechts2)|| pos2.x - rad + vx2 < width / 2 + 5) vx2 = 0;
  pos2.x += vx2;
​
  //Springen
  if (spring2 && pos2.y + rad + vy2 > height - 10) vy2 = -height/70;
  if (pos2.y + rad + vy2 < height) {
    vy2 += grav;
    pos2.add(0, vy2);
  } else {
    vy2 = 0;
  }
​
  //Zeichnen
  fill(0, 255, 0);
  imageMode(CENTER);
  image(sp,pos2.x, pos2.y, rad * 2, rad*2);
}
​
function ball() {
  if (posB.y + rad / 2 + vyB < height) {
    vyB += grav/1.7;
    posB.add(0, vyB);
  } else {
    vyB = 0;
  }
  let col = collideCircleCircle(posB.x, posB.y + vyB, rad, pos.x, pos.y + vy, rad * 2);
  let col2 = collideCircleCircle(posB.x, posB.y + vyB, rad, pos2.x, pos2.y + vy2, rad * 2);
  if (col) {
    vyB = vy * 1.2;
    if (vy == 0) vyB = -height/100;
    vxB = betrag(pos.x, posB.x) / 5.5;
    if (vyB > 0)vyB = -height/125
    //if (vxB < 1&& vx1 != 0) vxB = vx1;
  }
  if (col2) {
    vyB = vy2 * 1.2;
    if (vy2 == 0) vyB = -height/100;
    if (betrag(vyB) < 2) vyB = -height/100;
    vxB = -betrag(pos2.x, posB.x) / 5.5;
    if (vyB > 0)vyB = -height/125;
    //if (vxB > -1 && vx2 != 0) vxB = vx2;
  }
  
  if (posB.x - rad + vxB < 1 || posB.x + rad + vxB > width - 1 || collideLineCircle(width / 2, height, width / 2, height / 1.95, posB.x + vxB, posB.y + vyB, rad)) {
    vxB *= -0.6;
  }
  if (collideLineCircle(width / 2, height/1.92, width / 2, height / 2, posB.x + vxB, posB.y + vyB, rad) && vyB > 0) vyB *= -1;
  posB.x += vxB;
  fill(0, 0, 255);
  imageMode(CENTER);
  image(bl,posB.x, posB.y, rad, rad);
​
  if (posB.y + rad >= height) {
    if (posB.x < width / 2) punkte2 += 1;
    if (posB.x > width / 2) punkte += 1;
    pos = createVector(width * 0.33, height * 0.9);
    pos2 = createVector(width * 0.66, height * 0.9);
    if (posB.x < width / 2)posB = createVector(width * 0.33, height / 2);
    if (posB.x > width / 2)posB = createVector(width * 0.66, height / 2);
    links = false;
    rechts = false;
    links2 = false;
    rechts2 = false;
    spring = false;
    spring2 = false;
    vx1 = 0;
    vx2 = 0;
    vy = 0;
    vy2 = 0;
    vyB = 0;
    vxB = 0;
  }
}
​
function computer() {
  if (posB.x > pos2.x-rad/1.5 && pos2.x +rad+vx2 < width-2) {
    rechts2 = true;
  } else {
    rechts2 = false;
  }
  if (posB.x < pos2.x-rad/1.5) {
    links2 = true;
  } else {
    links2 = false;
  }
  
  if (pos2.y - posB.y < height/4 && posB.x > width/2) {
    spring2 = true;
  } else {
    spring2 = false;
  }
  
  
}
​
function anfang() {
  rectMode(CENTER);
  noStroke();
  textSize(width/20);
  textAlign(CENTER);
  fill(0);
  text("Volleyball", width/2, height/4);
  fill(232, 177, 88);
  rect(width/2, height/2.5, width/10, height/20);
  rect(width/2, height/1.8, width/10, height/20);
  fill(0);
  textSize(width/45);
  text("1 Player", width/2, height/2.5+height/70);
  text("2 Players", width/2, height/1.8+height/70);
  text("Difficulty:" + " " +schwier + " +/-", width/1.5, height/2.5+height/70);
  
  if (mouseIsPressed && mouseY > height/2.5-height/20/2 && mouseY < height/2.5+height/20/2 && mouseX > width/2-width/10/2 && mouseX < width/2+width/10/2) {
    start = true;
    comp = true;
  } 
  if (mouseIsPressed && mouseY > height/1.8-height/20/2 && mouseY < height/1.8+height/20/2  && mouseX > width/2-width/10/2 && mouseX < width/2+width/10/2) {
    start = true;
    comp = false;    
  }
}
​
function keyPressed() {
  if (key == "a") links = true;
  if (key == "d") rechts = true;
  if (!comp) {
  if (keyCode == LEFT_ARROW) links2 = true;
  if (keyCode == RIGHT_ARROW) rechts2 = true;
  if (key == "l") spring2 = true;
  }
  if (key == " ") spring = true;
  
  if (!start && schwier < 3 && key == "+") schwier += 1;
  if (!start && schwier > 1 && key == "-") schwier -= 1;
​
}
​
function keyReleased() {
  if (key == "a") links = false;
  if (key == "d") rechts = false;
  if (key == " ") spring = false;
  
  if (!comp) {
  if (keyCode == LEFT_ARROW) links2 = false;
  if (keyCode == RIGHT_ARROW) rechts2 = false;
  if (key == "l") spring2 = false;
}
}
​
function betrag(x, y=0) {
  let dif;
  dif = x - y;
  if (dif < 0) dif *= -1;
  return dif;
}