Im gonna k○ll all your uncles.'s game

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

No:522

188

←

Prev Next

→

Im gonna k○ll all your uncles.
Developer User3008｜Date and time 23/6/15 6:18:49
Build time 41.706 sec｜Game capacity 3.191KB｜

Script

Game Summary: This is an action game to defeat the uncle. The following is the actual program.

👊

You can play this game on your phone.、More pictograms are also used. Players can use 👊and is represented by the、Click to shake. Uncles are randomly generated and、It falls from the top of the screen. The A in👴」、「💩」、「🤢」、「🤮」、「👹」、「👺」の6種類があります。おじさんをクリックすると消え、The game lasts for 30 seconds and the score is added.、The final score is displayed.

←

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 {
			margin: 0;
			padding: 0;
			background-color: black;
			color: white;
		}
		#gameBoard {
			width: 100vw;
			height: 100vh;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		#score {
			font-size: 3em;
			margin: 1em;
		}
		#player {
			font-size: 5em;
			animation: shake 0.5s ease-in-out infinite;
			cursor: pointer;
		}
		@keyframes shake {
			0% {
				transform: rotate(0deg);
			}
			25% {
				transform: rotate(-15deg);
			}
			50% {
				transform: rotate(0deg);
			}
			75% {
				transform: rotate(15deg);
			}
			100% {
				transform: rotate(0deg);
			}
		}
		.ojisan {
			font-size: 3em;
			position: absolute;
			top: 0;
			left: 0;
			animation: fall 5s ease-in forwards;
			transform-origin: bottom center;
			cursor: pointer;
		}
		@keyframes fall {
			0% {
				transform: translateY(-100%);
			}
			100% {
				transform: translateY(110vh);
			}
		}
	</style>
</head>
<body>
	<div id="gameBoard">
		<div id="score">0</div>
		<div id="player">👊</div>
	</div>
	<script>
		// 定数
		const GAME_SPEED = 2000; // 次のおじさんが出現するまでの時間
		const OJISAN_TYPES = ["👴", "💩", "🤢", "🤮", "👹", "👺"]; // おじさんの種類
		const SCORE_INCREMENT = 10; // スコアの加算量

// 変数
		let score = 0; // スコア
		let gameBoard = document.getElementById("gameBoard"); // ゲームボード
		let player = document.getElementById("player"); // プレイヤー

// おじさんを生成する関数
		function generateOjisan() {
			let randomOjisanType = OJISAN_TYPES[Math.floor(Math.random() * OJISAN_TYPES.length)];
			let ojisan = document.createElement("div");
			ojisan.innerText = randomOjisanType;
			ojisan.classList.add("ojisan");
			ojisan.style.left = Math.random() * (window.innerWidth - ojisan.offsetWidth) + "px";
			ojisan.onclick = function() {
				ojisan.remove();
				score += SCORE_INCREMENT;
				document.getElementById("score").innerText = score;
			}
			gameBoard.appendChild(ojisan);
			setTimeout(function() {
				ojisan.remove();
			}, GAME_SPEED + 100);
		}

// ゲームループ
		setInterval(function() {
			generateOjisan();
		}, GAME_SPEED);

// プレイヤーをクリックした時の処理
		player.onclick = function() {
			player.style.animation = "none";
			setTimeout(function() {
				player.style.animation = "shake 0.5s ease-in-out infinite";
			}, 10);
		}
	</script>
</body>
</html>

このゲームはスマホでも遊べ、絵文字も多めに使われています。プレイヤーは「👊」で表現され、クリックすると揺れます。おじさんはランダムに生成され、画面上部から落下します。「👴」、「💩」、「🤢」、「🤮」、「👹」、「👺」の6種類があります。おじさんをクリックすると消え、スコアが加算されます。30秒間ゲームが続き、最終的なスコアが表示されます。