Calculator Tools Calculator Tools
Create

Super Jump Game

Nov 13, 2023

About this app

An old 2008 game with super jumps and cracks creation.

Super Jump Game

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Super Jump Game</title>
<meta name="description" content="An old 2008 game with super jumps and cracks creation.">
<meta name="keywords" content="game, super jump, crack, 2D">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<script type="text/javascript">
try {
let jumpHeight = 0;
let cracks = [];

// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
document.addEventListener("keypress", function(e) {
if (e.key === "o") {
jumpHeight = prompt("Enter super jump height:");
}
if (e.key === "m") {
alert("NYC map is not available in this version of the game");
}
});
document.addEventListener("click", function() {
let crack = createCrack(jumpHeight);
cracks.push(crack);
document.getElementById("main-container").innerHTML += crack;
});
});

function createCrack(height) {
let size = height < 10 ? "small" : height < 20 ? "medium" : "big";
let crackType = Math.random();
let crack = crackType < 0.1 ? "💥" : crackType < 0.2 ? "🔫" : "🌟";
return `<p class="${size}">${crack}</p>`;
}
} catch (error) {
throw error;
}
</script>

<style>
.small { font-size: 10px; color: red; }
.medium { font-size: 20px; color: green; }
.big { font-size: 30px; color: blue; }

.crack-animation {
animation-name: crack;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}

@keyframes crack {
0% { transform: scale(1); }
50% { transform: scale(1.5); }
100% { transform: scale(1); }
}
</style>
</head>
<body>
<div id="main-container" class="container">
<!-- App HTML Goes Here -->
</div>
</body>
</html>