Calculator Tools Calculator Tools
Create

Bradley's Super Jump Game

Nov 13, 2023

About this app

Play as Bradley and use his super jump ability to create cracks in the ground!

Bradley's Super Jump Game 🔪 CRUCIAL

Related apps

Put this on your site

Source

                    <!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bradley's Super Jump Game</title>
<meta name="description" content="Play as Bradley and use his super jump ability to create cracks in the ground!">
<meta name="keywords" content="Bradley, Super Jump, Game, 2D, Fun">

<style>
@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');

body {
background: #ccc;
font-family: 'MedievalSharp', cursive;
}

#bradley {
position: absolute;
bottom: 0;
left: 50%;
font-size: 50px;
}

#crack {
position: absolute;
bottom: 0;
left: 50%;
font-size: 50px;
color: #555;
display: none;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
var bradley = document.getElementById('bradley');
var crack = document.getElementById('crack');
var jumping = false;
var superJumping = false;

document.addEventListener('keydown', function(event) {
if (event.key == ' ') {
if (!jumping) {
jumping = true;
bradley.style.bottom = '100px';
} else if (!superJumping) {
superJumping = true;
bradley.style.bottom = '200px';
}
}
});

document.addEventListener('keyup', function(event) {
if (event.key == ' ' && superJumping) {
bradley.style.bottom = '0';
crack.style.display = 'block';
jumping = superJumping = false;
} else if (event.key == ' ' && jumping) {
bradley.style.bottom = '0';
jumping = false;
}
});
});
</script>
</head>
<body>
<div id="bradley">🔪</div>
<div id="crack">CRUCIAL</div>
</body>
</html>