first commit
parent
06ebb91fe0
commit
dd7415da12
|
|
@ -0,0 +1,18 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
<title>Sketch</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="style.css">
|
||||||
|
|
||||||
|
<script src="libraries/p5.min.js"></script>
|
||||||
|
<script src="libraries/p5.sound.min.js"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<script src="sketch.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
{
|
||||||
|
"include": [
|
||||||
|
"*.js",
|
||||||
|
"libraries/*.js",
|
||||||
|
"/home/luna/.vscode-oss/extensions/samplavigne.p5-vscode-1.2.7/p5types/global.d.ts"
|
||||||
|
]
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,145 @@
|
||||||
|
//VARIABLE SETUP
|
||||||
|
|
||||||
|
let x = 0;
|
||||||
|
let y = 0;
|
||||||
|
let x2 = 0;
|
||||||
|
let y2 = 0;
|
||||||
|
let ballX = 0;
|
||||||
|
let ballY = 0;
|
||||||
|
let ballSpeedX = 0;
|
||||||
|
let ballSpeedY = 0;
|
||||||
|
let vec;
|
||||||
|
let ballD = 50;
|
||||||
|
let paddleWidth = 5;
|
||||||
|
let paddleHeight = 150;
|
||||||
|
let button;
|
||||||
|
let score1 = 0;
|
||||||
|
let score2 = 0;
|
||||||
|
//CHANGING THE VARIBLES TO THEIR DEFAULT VALUE AND MAKING A VECTOR FOR THE BALL
|
||||||
|
|
||||||
|
function setup() {
|
||||||
|
createCanvas(windowWidth, windowHeight);
|
||||||
|
resetSketch();
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function resetSketch() {
|
||||||
|
frameRate(60)
|
||||||
|
if (!button) {
|
||||||
|
button = createButton('Reset');
|
||||||
|
}
|
||||||
|
button.size(250);
|
||||||
|
button.position(width / 2, height / 2);
|
||||||
|
button.center('horizontal');
|
||||||
|
button.hide()
|
||||||
|
button.mousePressed(resetSketch);
|
||||||
|
x = width / 2 - 900;
|
||||||
|
y = height / 2 - 75;
|
||||||
|
x2 = width / 2 + 900;
|
||||||
|
y2 = height / 2 - 75;
|
||||||
|
ballX = width / 2;
|
||||||
|
ballY = height /2;
|
||||||
|
vec = createVector(random(-1, 1), random(-1, 1));
|
||||||
|
vec.normalize();
|
||||||
|
ballSpeedX = vec.x * 8;
|
||||||
|
ballSpeedY = vec.y * 8;
|
||||||
|
}
|
||||||
|
|
||||||
|
function draw() {
|
||||||
|
background(255);
|
||||||
|
|
||||||
|
|
||||||
|
//CHECKING IF W OR S IS PRESSED DOWN TO MOVE THE LEFT RECTANGLE
|
||||||
|
|
||||||
|
if (keyIsDown(87) && y > 0) {
|
||||||
|
y -= 10
|
||||||
|
};
|
||||||
|
|
||||||
|
if (keyIsDown(83) && y < height - 150) {
|
||||||
|
y += 10
|
||||||
|
};
|
||||||
|
clear();
|
||||||
|
fill(0, 0, 0);
|
||||||
|
rect(x, y, paddleWidth, paddleHeight);
|
||||||
|
|
||||||
|
//CEHCKING IF I OR K IS PRESSED DOWN TO MOVE THE RIGHT RECTANGLE
|
||||||
|
|
||||||
|
if (keyIsDown(73) && y2 > 0) {
|
||||||
|
y2 -= 10
|
||||||
|
};
|
||||||
|
|
||||||
|
if (keyIsDown(75) && y2 < height - 150) {
|
||||||
|
y2 += 10
|
||||||
|
};
|
||||||
|
rect(x2, y2, paddleWidth, paddleHeight);
|
||||||
|
|
||||||
|
//CREATING THE BALL AND GIVING IT SPEED IN A RANDOM DIRECTION
|
||||||
|
|
||||||
|
ellipse(ballX, ballY, ballD);
|
||||||
|
ballX = ballX + ballSpeedX;
|
||||||
|
ballY = ballY + ballSpeedY;
|
||||||
|
|
||||||
|
//IF THE BALL HITS THE TOP OF BOTTOM THEN BOUNCE OFF
|
||||||
|
|
||||||
|
if (ballY < 0 || ballY > height) {
|
||||||
|
ballSpeedY *= -1
|
||||||
|
};
|
||||||
|
|
||||||
|
//CREATES A LINE IN THE MIDDLE
|
||||||
|
|
||||||
|
stroke(0)
|
||||||
|
strokeWeight(1)
|
||||||
|
line(width / 2, height, width / 2, 0)
|
||||||
|
|
||||||
|
//CHECKS THE DISTANCE BETWEEN THE BALL AND THE RECTANGLES SO THE BALL WILL BOUNCE OFF IF THEY ARE TOUCHING.
|
||||||
|
|
||||||
|
if (ballY > y && ballY < y + paddleHeight && ballX < x + paddleWidth + ballD / 2 && ballX > 0 && ballX < width) {
|
||||||
|
vec = createVector(random(-1, 0), random(-1, 1));
|
||||||
|
vec.normalize();
|
||||||
|
ballSpeedX = vec.x * -8;
|
||||||
|
ballSpeedY = vec.y * -8;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ballY > y2 && ballY < y2 + paddleHeight && ballX > x2 + paddleWidth - ballD / 2 && ballX > 0 && ballX < width) {
|
||||||
|
vec = createVector(random(0, 1), random(-1, 1));
|
||||||
|
vec.normalize();
|
||||||
|
ballSpeedX = vec.x * -8;
|
||||||
|
ballSpeedY = vec.y * -8;
|
||||||
|
}
|
||||||
|
|
||||||
|
//CHECKS IF THE PLAYER HAS WON OR LOST
|
||||||
|
|
||||||
|
|
||||||
|
if (ballX > width + 30) {
|
||||||
|
fill(0)
|
||||||
|
textSize(32)
|
||||||
|
text('Player 1 Wins!', width / 3 + 90, height / 2 - 25)
|
||||||
|
score1++
|
||||||
|
button.show()
|
||||||
|
frameRate(0)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ballX < -30) {
|
||||||
|
fill(0)
|
||||||
|
textSize(32)
|
||||||
|
text('Player 2 Wins!', width / 2, height / 2 - 25)
|
||||||
|
score2++
|
||||||
|
button.show()
|
||||||
|
frameRate(0)
|
||||||
|
};
|
||||||
|
|
||||||
|
// SHOWS THE SCORE FOR THE EACH PLAYER
|
||||||
|
textSize(32)
|
||||||
|
text(`Score: ${score1}`, width / 4, height - 25)
|
||||||
|
text(`Score: ${score2}`, width - 500, height - 25)
|
||||||
|
|
||||||
|
//PRINTS WHICH PLAYER IS WHICH
|
||||||
|
|
||||||
|
text('Player 1', width / 4, height - 920)
|
||||||
|
text('Player 2', width - 500, height - 920)
|
||||||
|
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue