html
html
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<title>Pong</title>
</head>
<body>
<canvas id="c"></canvas>
</body>
</html>
<!-- By @Gami DONT STEAL -->
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
html,body {
width: 100%;
height: 100%;
margin:0;
padding:0;
position:absolute;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
var c; // canvas
var cc; // context
var ballX = 400;
var ballY = 300;
var ballSpeedX = 2;
var ballSpeedY = 2;
var paddle_height = 100;
var paddle1Y = 150;
var paddle2Y = 100;
var countPlayer = -1;
var countComputer = 0;
var win = false;
function mouseClicks(evt) {
if (win) {
countComputer = 0;
countPlayer = 0;
win = false
}
}
function moveCP() {
var paddleCenter = paddle2Y + (paddle_height /2);
if (ballY-35 > paddleCenter) {
paddle2Y += 7;
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run