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

No:511

410

←

Prev Next

→

a game where your a stickman that runs from a stic..ALL
Developer User2996｜Date and time 23/6/15 4:57:54
Build time 29.474 sec｜Game capacity 2.272KB｜

Script

Stickman Escape

You are being chased by a stickman with a knife. Avoid the spikes and run as fast as you can to escape!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Stickman Escape</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
	<h1>Stickman Escape</h1>
	<p>You are being chased by a stickman with a knife. Avoid the spikes and run as fast as you can to escape!</p>
	<button onclick="startGame()">Start Game</button>

// create the stickmen and spikes
		var player = { x: 50, y: canvas.height - 100 };
		var enemy = { x: canvas.width - 50, y: canvas.height - 100 };
		var spikes = [
			{ x: 100, y: canvas.height - 50 },
			{ x: 200, y: canvas.height - 150 },
			{ x: 300, y: canvas.height - 50 }
		];

// draw the stickmen and spikes
		function draw() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			ctx.fillText("🏃", player.x, player.y);
			ctx.fillText("🔪", enemy.x, enemy.y);
			for (var i = 0; i < spikes.length; i++) {
				ctx.fillText("⬆️", spikes[i].x, spikes[i].y);
			}
		}

// update the game logic
		function update(deltaTime) {
			// move the stickmen based on deltaTime
			player.x += deltaTime * 0.1;
			enemy.x -= deltaTime * 0.2;

// check for collisions between the stickmen and spikes
			for (var i = 0; i < spikes.length; i++) {
				if (player.x + 20 >= spikes[i].x && player.x + 20 <= spikes[i].x + 20 && player.y <= spikes[i].y) {
					alert("You lose!");
					document.location.reload();
					clearInterval(intervalId);
				}
				if (enemy.x <= spikes[i].x + 20 && enemy.x >= spikes[i].x && enemy.y <= spikes[i].y) {
					alert("You win!");
					document.location.reload();
					clearInterval(intervalId);
				}
			}

// check if the stickmen have collided
			if (player.x + 20 >= enemy.x && player.y <= enemy.y) {
				alert("You lose!");
				document.location.reload();
				clearInterval(intervalId);
			}
		}

// start the game loop
		function startGame() {
			var deltaTime = 0;
			var lastTime = Date.now();
			var intervalId = setInterval(function() {
				var now = Date.now();
				deltaTime = now - lastTime;
				lastTime = now;
				update(deltaTime);
				draw();
			}, 16);
		}
	</script>
</body>
</html>