Poop Babies - A Fun and Interactive Game
About this app
Play Poop Babies, a cheerful and interactive game where you take care of cute baby avatars and manage their needs in a colorful world!
Point Blank Period - An Engaging Game Welcome to Point Blank Period Restart 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>Point Blank Period - An Engaging Game</title>
<meta name="description" content="Play Point Blank Period, a fun and interactive game where you aim at targets and score points in a bright, colorful arena!">
<meta name="keywords" content="Point Blank Period, shooting game, fun, interactive, colorful, targets, scoring">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function() {
let score = 0;
let targetCount = 5;
let targetPositions = [];
for (let i = 0; i < targetCount; i++) {
targetPositions.push(Math.floor(Math.random() * 300));
}
function updateScore() {
$('#score').text("Score: " + score);
}
function createTargets() {
$('#targetContainer').empty();
targetPositions.forEach(pos => {
$('#targetContainer').append(`<div class="target" style="left: ${pos}px;"></div>`);
});
}
$(document).on('click', '.target', function() {
score += 10;
$(this).fadeOut(300);
updateScore();
});
createTargets();
$('#restartBtn').click(function() {
score = 0;
targetPositions = [Math.floor(Math.random() * 300),
Math.floor(Math.random() * 300),
Math.floor(Math.random() * 300),
Math.floor(Math.random() * 300),
Math.floor(Math.random() * 300)];
createTargets();
updateScore();
});
updateScore();
});
</script>
<style>
body {
background: linear-gradient(135deg, #c1c6f0, #3b82f6);
color: #fff;
font-family: 'Roboto', sans-serif;
}
#main-container {
text-align: center;
padding: 50px;
border-radius: 10px;
background: rgba(30, 30, 30, 0.8);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
position: relative;
}
.target {
position: absolute;
width: 50px;
height: 50px;
background-color: red;
border-radius: 50%;
cursor: pointer;
transition: transform 0.2s;
}
.target:hover {
transform: scale(1.1);
}
.btn {
margin-top: 20px;
background-color: #ff5f69;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
.btn:hover {
background-color: #ff3e53;
}
#score {
font-size: 24px;
margin: 20px 0;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Welcome to Point Blank Period</h1>
<div id="score"></div>
<div id="targetContainer"></div>
<button id="restartBtn" class="btn">Restart Game</button>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!