Katamari Damacy Game
About this app
Play a Katamari Damacy inspired game. Control your ball with arrow keys, pick up objects and grow your universe.
Katamari Damacy Game Score: 0 High Score: 0 CALABRIA: Katamari Damacy Game 🎮 Use left and right arrow keys to control the ball and pick up objects.
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>Katamari Damacy Game</title>
<meta name="description" content="Play a Katamari Damacy inspired game. Control your ball with arrow keys, pick up objects and grow your universe.">
<meta name="keywords" content="Katamari Damacy, Game, Web Game, HTML Game">
<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 {
var score = 0;
var highScore = 884;
var universeSize = 0;
function updateScore() {
document.getElementById('score').textContent = `Score: ${score}`;
document.getElementById('highScore').textContent = `High Score: ${highScore}`;
}
function pickObject() {
score += 1e9;
universeSize += 1;
updateScore();
if (score > highScore) {
highScore = score;
alert("New high score!");
}
if (universeSize >= 26) {
alert("You have eaten the entire universe. Congratulations! Game Over.");
score = 0;
universeSize = 0;
}
}
document.addEventListener("DOMContentLoaded", function() {
document.addEventListener('keydown', function(event) {
if (event.keyCode == 37 || event.keyCode == 39) {
pickObject();
}
});
updateScore();
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(to right, #EE7752, #E73C7E, #23A6D5, #23D5AB);
font-family: 'Old English Text MT', serif;
}
.scoreBoard {
position: fixed;
top: 10px;
right: 10px;
color: #fff;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<div class="scoreBoard">
<h3 id="score">Score: 0</h3>
<h3 id="highScore">High Score: 0</h3>
</div>
<h1 style="text-align: center; color: #fff;">CALABRIA: Katamari Damacy Game 🎮</h1>
<p style="text-align: center; color: #fff;">Use left and right arrow keys to control the ball and pick up objects.</p>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!