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

No:1700

3382

←

Prev Next

→

Action packed yet simple racing game
Developer TimoshQ｜Date and time 23/6/18 22:20:07
Build time 19.455 sec｜Game capacity 1.815KB｜

Script

Here is a sample code for an action-packed racing game that can be played on a smartphone:

Racing Game

Tap or click the screen to move the car and avoid the obstacles.

The game involves a red car moving from right to left on a grey road. The player can tap or click the screen to move the car up, avoiding obstacles and collecting points. The game ends when the car collides with an obstacle. To restart the game, the "Restart" button can be clicked. Emojis can be added to the game to make it more enjoyable.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Here is a sample code for an action-packed racing game that can be played on a smartphone:

<!DOCTYPE html>
<html>
<head>
	<title>Racing Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
	body {
		background-color: #ddd;
		font-family: Arial, sans-serif;
	}
	.car {
		position: absolute;
		bottom: 0;
		width: 50px;
		height: 100px;
		background-color: red;
		border-radius: 10px;
		animation: move 2s infinite;
	}
	@keyframes move {
		from { left: 50%; }
		to { left: 0%; }
	}
	.btn {
		display: inline-block;
		padding: 10px 20px;
		background-color: #007bff;
		color: #fff;
		border-radius: 5px;
	}
	</style>
</head>
<body>
	<h1>Racing Game</h1>
	<p>Tap or click the screen to move the car and avoid the obstacles.</p>
	<div class="car"></div>
	<div class="road"></div>
	<button class="btn" onclick="reset()">Restart</button>
	
	<script>
	// move the car when the screen is tapped or clicked
	document.addEventListener('mousedown', function(event) {
		moveCar();
	});
	document.addEventListener('touchstart', function(event) {
		event.preventDefault();
		moveCar();
	});
	// move the car function
	function moveCar() {
		var car = document.querySelector('.car');
		car.style.bottom = "150px";
		// reset the position after the animation ends
		car.addEventListener('animationend', function() {
			car.style.bottom = "0";
		})
	}
	// reset the game function
	function reset() {
		location.reload();
	}
	</script>
</body>
</html>