Super Jump Ethan
About this app
Join Ethan on his super jumping adventure across Australia!
Super Jump Ethan Super Jump Ethan Click the button to make Ethan jump! If he jumps high enough, he'll create an "UNHOLY" thunderstorm with his belly flop! Super Jump!
Related apps
IPTV M3U8 & EPG Generator Studio | Image to M3U Playlist & Guide
Image to IPTV Converter & M3U Playlist Generator
Image to IPTV Converter & M3U Playlist Generator
Image to M3U Playlist Converter | IPTV & Media Stream Generator
Roulette Row Predictor Pro - Live Pattern & Trend Stats Analyzer
Video to Repeated Sequence Generator - Rhythm & Glitch Loop Maker
LoopCraft - Video to Repeated Sequence Converter
LoopMatrix - Video Sequence Repeater & Stutter Maker
MuffleFX - Video & Audio Low-Pass Filter Studio
Seeding Rate Calculator
Irrigation Set Time Calculator
Fertilizer Nutrient Units Calculator
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 Ethan</title>
<meta name="description" content="Join Ethan on his super jumping adventure across Australia!">
<meta name="keywords" content="Game, Ethan, Super Jump, Australia, Belly Flop, Thunderstorm, Unholy">
<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 jumpCharge = 100;
let jumpHeight = 0;
function bellyFlop() {
if(jumpHeight >= 4000) {
$('#main-container').append('<div class="crack">UNHOLY</div>');
setTimeout(() => {
$('.crack').fadeOut('slow');
}, 2000);
}
}
function superJump() {
if(jumpCharge >= 100) {
jumpHeight += 4000;
jumpCharge -= 100;
$('#jumpBar').css('width', `${jumpCharge}%`);
if(jumpHeight >= 4000) bellyFlop();
}
}
document.addEventListener("DOMContentLoaded", function() {
$('#jumpButton').on('click', superJump);
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: #98fb98;
font-family: 'Pacifico', cursive;
}
#main-container {
text-align: center;
padding-top: 50px;
}
.crack {
font-size: 50px;
color: red;
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0,0,0,0.5);
}
.btn {
font-size: 20px;
margin-top: 20px;
}
.progress {
height: 30px;
margin-top: 20px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Super Jump Ethan</h1>
<p>Click the button to make Ethan jump! If he jumps high enough, he'll create an "UNHOLY" thunderstorm with his belly flop!</p>
<button id="jumpButton" class="btn btn-primary">Super Jump!</button>
<div class="progress">
<div id="jumpBar" class="progress-bar bg-success" role="progressbar" style="width: 100%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!