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

No:2417

693

←

Prev Next

→

Juliana Tokyo
Developer User3544｜Date and time 23/6/21 10:49:09
Build time 29.423 sec｜Game capacity 2.417KB｜

Script

Below is an example of a game containing JavaScript implemented in a single html file. This game is designed to be operated with a smartphone and、Emojis are used extensively.

Emoji Games

🐶🐱🐰showed up! How many can we hunt?

Score: 0

This game is、Randomly generated in the screen🐶、🐱、🐰The idea is to hunt by tapping on the pictograms of When you tap, your score is added and、As time passes, the pictograms move around. Because new pictograms appear regularly、The goal is to hunt for as many pictograms as possible.

←

Prev　Next

→ 　

Back　

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

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

以下が1枚のhtmlファイルに実装されたJavaScriptを含むゲームの例です。このゲームはスマホで操作することを前提にしており、絵文字を多用しています。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Emojiゲーム</title>
	<style>
		body {
			font-size: 5vw;
			text-align: center;
		}
		button {
			font-size: 3vw;
			margin: 2vw;
			padding: 1vw;
		}
	</style>
</head>
<body>
	<h1>Emojiゲーム</h1>
	<p>🐶🐱🐰が現れた！何匹狩れるかな？</p>
	<div id="score">スコア: 0</div>
	<button onclick="kill()">🔫 狩る</button>
	<div id="enemies"></div>
	<script>
		let score = 0;
		let enemies = [];
		
		function spawn() {
			let enemy;
			let rand = Math.floor(Math.random() * 3);
			if (rand === 0) {
				enemy = "🐶";
			} else if (rand === 1) {
				enemy = "🐱";
			} else {
				enemy = "🐰";
			}
			let x = Math.floor(Math.random() * (window.innerWidth - 50));
			let y = Math.floor(Math.random() * (window.innerHeight - 50));
			enemies.push({ emoji: enemy, x: x, y: y });
		}
		
		function updateEnemies() {
			let div = document.getElementById("enemies");
			div.innerHTML = "";
			for (let i = 0; i < enemies.length; i++) {
				let enemy = enemies[i];
				div.innerHTML += `<span style='position:absolute;left:${enemy.x}px;top:${enemy.y}px;'>${enemy.emoji}</span>`;
			}
		}
		
		function moveEnemies() {
			for (let i = 0; i < enemies.length; i++) {
				enemies[i].x += Math.floor(Math.random() * 21) - 10;
				enemies[i].y += Math.floor(Math.random() * 21) - 10;
			}
			updateEnemies();
		}
		
		function kill() {
			let x = event.clientX;
			let y = event.clientY;
			for (let i = 0; i < enemies.length; i++) {
				let enemy = enemies[i];
				if (x >= enemy.x && x <= enemy.x + 50 && y >= enemy.y && y <= enemy.y + 50) {
					enemies.splice(i, 1);
					score++;
					document.getElementById("score").innerHTML = `スコア: ${score}`;
				}
			}
		}
		
		setInterval(spawn, 3000);
		setInterval(moveEnemies, 100);
	</script>
</body>
</html>

このゲームは、画面内にランダムに生成される🐶、🐱、🐰の絵文字をタップして狩るというものです。タップするとスコアが加算され、時間が経過すると絵文字たちは動き回ります。定期的に新しい絵文字が現れるため、できるだけ多くの絵文字を狩ることが目標です。