xxxxxxxxxx
var xBall = Math.floor(Math.random() * 300) + 50;
var yBall = 70;
var xSpeed = (5, 10);
var ySpeed = (-5, -10);
var score = 0
function setup() {
createCanvas(500, 600);
}
function draw() {
background(128, 235, 52);
rect(0, 300, 500, 10);
circle(250,300,150);
fill(128, 235, 52);
circle(250,300,140);
fill(255,255,255);
circle(250,300,30);
fill(255,255,255);
rect(mouseX, 550, 90, 15);
rect(xBall-50 , 50, 90, 15);
move();
bounce();
display();
paddle();
fill(255,255,255);
textSize(24);
text("Score:" + score, 10, 25);
text("Score: 0", 25, 580);
}
// Ball Functions
function move() {
xBall += xSpeed;
yBall += ySpeed;
}
function bounce() {
if (xBall < 10 ||
xBall > 500 - 10) {
xSpeed *= -1;
}
if (yBall < 70 ||
yBall > 600 - 50) {
ySpeed *= -1;
}
if (yBall > 550) {
score++;
}
}
function display() {
noStroke()
fill(255,255,255);
ellipse(xBall, yBall, 20, 20);
}
function paddle() {
if ((xBall > mouseX &&
xBall < mouseX + 90) &&
(yBall + 0 >= 550)) {
xSpeed *= -1;
ySpeed *= -1;
}
}