Games to avoid difficult objects's game

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

No:420

145

←

Prev Next

→

Games to avoid difficult objects
Developer User2986｜Date and time 23/6/14 2:43:17
Build time 32.586 sec｜Game capacity 2.116KB｜

Script

😀

👹

Score: 0

The game is called Dodger emoji. Players can😀pictograms. To move the pictograms, use the、You must touch on the screen. The objectives of the game are、👹Avoid the pictograms of👹If you can avoid it before it reaches the bottom edge of the screen, the、One score will be added. The score is displayed in the upper right corner of the screen. The game can be played repeatedly. Have fun!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Emoji Dodger</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #f0f0f0;
		}
		#player {
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			transition: all 0.3s ease;
		}
		#enemy {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			transition: all 0.5s ease;
			font-size: 3em;
		}
		.score {
			position: absolute;
			top: 10px;
			right: 10px;
			font-size: 2em;
		}
	</style>
</head>
<body>
	<div id="player">😀</div>
	<div id="enemy">👹</div>
	<div class="score">Score: 0</div>
	<script>
		let player = document.getElementById('player');
		let enemy = document.getElementById('enemy');
		let score = 0;

function movePlayer(event) {
			let x = event.touches[0].clientX;
			player.style.left = x + 'px';
		}

function moveEnemy() {
			let top = window.getComputedStyle(enemy).getPropertyValue('top');
			top = parseInt(top) + 10;
			enemy.style.top = top + 'px';
			if (top >= window.innerHeight - enemy.clientHeight) {
				resetEnemy();
				incrementScore();
			}
		}

function resetEnemy() {
			let x = Math.floor(Math.random() * (window.innerWidth - enemy.clientWidth));
			enemy.style.left = x + 'px';
			enemy.style.top = '0';
		}

function incrementScore() {
			score++;
			let scoreElem = document.querySelector('.score');
			scoreElem.textContent = 'Score: ' + score;
		}

setInterval(moveEnemy, 500);
		document.addEventListener('touchmove', movePlayer);

</script>
</body>
</html>

このゲームはEmoji Dodgerと呼ばれます。プレーヤーは😀の絵文字です。絵文字を動かすには、画面上をタッチする必要があります。ゲームの目的は、👹の絵文字を避けることです。👹が画面の下の端に到達する前に避けることができれば、スコアが1点加算されます。スコアは画面右上に表示されます。ゲームは繰り返しプレイできます。楽しんでください！