Game Management Games's game

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

No:2643

667

←

Prev Next

→

Game Management Games
Developer User1006｜Date and time 23/6/22 7:17:45
Build time 14.967 sec｜Game capacity 1.921KB｜

Script

ヒーローの冒険

🦸‍♂️

- ゲームのルール：ヒーローの目的地に到達する。 - 遊び方：空いているセルをクリックして、隣接しているセルにヒーローを移動させよう。移動できるのは上下左右の空いているセルのみ。 - 絵文字の意味：🦸‍♂️ヒーロー

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

ヒーローの冒険

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ヒーローの冒険</title>
	<style>
		body {
			background-color: #FFDAB9;
		}
		
		h1 {
			font-size: 3em;
			text-align: center;
			margin-top: 0.5em;
			margin-bottom: 0.5em;
		}

#container {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-template-rows: repeat(3, 1fr);
			grid-gap: 10px;
			margin-top: 1em;
		}

.cell {
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 2em;
			background-color: #FFE4B5;
			border-radius: 15px;
			cursor: pointer;
		}

.hero {
			background-color: #BC8F8F;
		}
	</style>
</head>
<body>
	<h1>ヒーローの冒険</h1>
	<div id="container">
		<div class="cell"></div>
		<div class="cell"></div>
		<div class="cell"></div>
		<div class="cell"></div>
		<div class="cell hero">🦸‍♂️</div>
		<div class="cell"></div>
		<div class="cell"></div>
		<div class="cell"></div>
		<div class="cell"></div>
	</div>

cells.forEach((cell, index) => {
			cell.addEventListener('click', () => {
				if (heroPosition === index - 3 || heroPosition === index + 3 || (heroPosition === index - 1 && heroPosition % 3 !== 0) || (heroPosition === index + 1 && (heroPosition + 1) % 3 !== 0)) {
					cell.textContent = hero.textContent;
					cell.classList.add('hero');
					hero.classList.remove('hero');
					hero.textContent = '';
					heroPosition = index;
				}
			});
		});
	</script>
</body>
</html>

- ゲームのルール：ヒーローの目的地に到達する。
- 遊び方：空いているセルをクリックして、隣接しているセルにヒーローを移動させよう。移動できるのは上下左右の空いているセルのみ。
- 絵文字の意味：🦸‍♂️ヒーロー