html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Geometry Dash</title>
</head>
<body>
<h1>Run to Retry!</h1>
<canvas id="screen" width="800" height="500">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script src="source.js"></script>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
body {
background-color: #EEEEEE;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
h1 {
font-family: sans-serif;
color: #222222;
}
canvas {
width: 100%;
background-color: white;
}
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
window.onload = () => {
const screen = document.getElementById('screen');
const player = new Image();
const background = new Image();
const grounds = new Image();
const spike = new Image();
var speed = -10;
var backgroundX = 0;
var playerY = 380;
var playerSpeed = 300;
var objectY = playerY + 47;
var obstacleX = 800;
var counter = 0;
var gameRunning = true;
var r = Math.random() * 2;
player.src = "https://art.pixilart.com/c989c5dba1fdb99.png";
background.src = "https://d2zia2w5autnlg.cloudfront.net/352/618cff3e20616-large";
grounds.src = "https://cdn2.steamgriddb.com/file/sgdb-cdn/hero/e7741d91aca93535797aab0fa8237099.png";
spike.src= "https://www.pngall.com/wp-content/uploads/12/Triangle-PNG-Images.png";
var t = Date.now();
var cont = screen.getContext("2d");
document.onkeydown = () => {
if (playerY == 380) {
playerSpeed = -650;
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run