Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Pickle juice run's game | AI game creator

Click here for free DL of the app version that can save data.

No:602

372

←

Prev Next

→

Pickle juice run
Developer User3023｜Date and time 23/6/16 9:44:59
Build time 40.508 sec｜Game capacity 3.809KB｜

Script

Pickle Juice Run

🤓

Tap anywhere to jump over the pickle obstacle!

This is a simple game called Pickle Juice Run. The player controls a pickle emoji that is running forward. The goal is to jump over the obstacle, which is another pickle emoji that appears randomly on the screen. The player jumps when the user taps anywhere on the screen. The game score increases each time the player successfully jumps over the obstacle. The game ends when the player either hits the obstacle or falls to the bottom of the screen. The game features sound effects for jumping, scoring, and game over. As the game progresses, the obstacle speed increases and the time interval between obstacles decreases. The game runs on a single HTML file and is designed for mobile devices.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<title>Pickle Juice Run</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #72b5a4;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			color: #fff;
			font-size: 3rem;
			margin-top: 3rem;
			text-shadow: 2px 2px #000;
		}
		#player {
			position: relative;
			display: inline-block;
			margin-top: 2rem;
		}
		#obstacle {
			position: absolute;
			top: 0;
			left: 0;
			background-color: #000;
			width: 2rem;
			height: 2rem;
		}
		#score {
			color: #fff;
			font-size: 2rem;
			margin-top: 1rem;
			text-shadow: 2px 2px #000;
		}
		#instructions {
			color: #fff;
			font-size: 1.2rem;
			margin-top: 2rem;
			text-shadow: 2px 2px #000;
		}
	</style>
</head>
<body>
	<h1>Pickle Juice Run</h1>
	<div id="player">🤓</div>
	<div id="obstacle"></div>
	<div id="score">0</div>
	<div id="instructions">Tap anywhere to jump over the pickle obstacle!</div>
	<script>
		window.onload = function() {
			var player = document.getElementById("player");
			var obstacle = document.getElementById("obstacle");
			var score = document.getElementById("score");
			var jumpSound = new Audio("jump.mp3");
			var scoreSound = new Audio("score.mp3");
			var gameOverSound = new Audio("gameover.mp3");
			var velocity = 0;
			var gravity = 2;
			var jumpStrength = -20;
			var gameScore = 0;
			var gameEnded = false;
			var obstacleSpeed = 10;
			var obstacleInterval = 2000;
			var obstacleTimer = setInterval(function() {
				if (!gameEnded) {
					var randY = Math.floor(Math.random() * 250) + 50;
					obstacle.style.top = randY + "px";
					obstacle.style.left = "100vw";
				}
			}, obstacleInterval);
			window.addEventListener("click", function() {
				if (!gameEnded) {
					velocity = jumpStrength;
					jumpSound.play();
				}
			});
			setInterval(function() {
				if (!gameEnded) {
					velocity += gravity;
					player.style.top = (player.offsetTop + velocity) + "px";
					if (player.offsetTop > (window.innerHeight - 100)) {
						gameOver();
					}
					if ((obstacle.offsetLeft < 100) && (obstacle.offsetLeft > 0) && (player.offsetTop > obstacle.offsetTop)) {
						gameOver();
					}
					if (obstacle.offsetLeft < -20) {
						scoreSound.play();
						gameScore++;
						score.innerHTML = gameScore;
						obstacleInterval *= 0.9;
						obstacle.style.transition = "none";
						obstacle.style.left = "100vw";
						setTimeout(function() {
							obstacle.style.transition = "all 1s linear";
						}, 100);
						clearInterval(obstacleTimer);
						obstacleTimer = setInterval(function() {
							if (!gameEnded) {
								var randY = Math.floor(Math.random() * 250) + 50;
								obstacle.style.top = randY + "px";
								obstacle.style.left = "100vw";
							}
						}, obstacleInterval);
					}
				}
			}, 20);
			function gameOver() {
				gameEnded = true;
				gameOverSound.play();
				score.innerHTML += "<br>Game Over!";
				document.body.style.backgroundColor = "#c74343";
				clearInterval(obstacleTimer);
			}
		}
	</script>
</body>
</html>