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

No:3499

957

←

Prev Next

→

Welcome to Granny. Granny keeps you locked in her ..ALL
Developer User3709｜Date and time 23/6/25 8:40:44
Build time 17.85 sec｜Game capacity 1.919KB｜

Script

Please note that this is just a sample program and not a fully functional game.

Welcome to Granny

Granny has locked you up in her house, and your mission is to find a way out. You wake up in a dark room and the only thing that lights up the room is your flashlight. Use the arrow buttons to move around and explore the house, and find a way to escape.

←

Prev　Next

→ 　

Back　

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

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

Please note that this is just a sample program and not a fully functional game.

<!DOCTYPE html>
<html>
<head>
	<title>Welcome to Granny</title>
	<meta charset='UTF-8'>
	<meta name='viewport' content='width=device-width, initial-scale=1.0'>
</head>
<body>
	<h1>Welcome to Granny</h1>
	<p>Granny has locked you up in her house, and your mission is to find a way out. You wake up in a dark room and the only thing that lights up the room is your flashlight. Use the arrow buttons to move around and explore the house, and find a way to escape.</p>
	
	<div id='gameArea'>
		<img src='https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/ghost_1f47b.png' alt='character' id='character'>
		<img src='https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/house_1f3e0.png' alt='background' id='background'>
	</div>
	
	<script>
		// Initialize variables
		var character = document.getElementById('character');
		var background = document.getElementById('background');
		
		var charX = 50;
		var charY = 50;
		
		// Move character based on arrow key input
		document.addEventListener('keydown', function(event) {
			if (event.key === 'ArrowUp') {
				charY -= 10;
			}
			else if (event.key === 'ArrowDown') {
				charY += 10;
			}
			else if (event.key === 'ArrowLeft') {
				charX -= 10;
			}
			else if (event.key === 'ArrowRight') {
				charX += 10;
			}
			
			// Prevent character from leaving the game area
			if (charX < 0 || charX > (background.clientWidth - character.width)) {
				charX = (charX < 0) ? 0 : (background.clientWidth - character.width);
			}
			
			if (charY < 0 || charY > (background.clientHeight - character.height)) {
				charY = (charY < 0) ? 0 : (background.clientHeight - character.height);
			}
			
			// Update character position
			character.style.left = charX + 'px';
			character.style.top = charY + 'px';
		});
	</script>
</body>
</html>