A game to beat up the developer Hisashi.'s game

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

No:280

153

←

Prev Next

→

A game to beat up the developer Hisashi.
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/11 15:09:17
Build time 41.586 sec｜Game capacity 3.379KB｜

Script

ゲームの概要: プレイヤーは画面に表示される絵文字をクリックしてスコアをあげていくゲームです。開発者ひさしが表示された場合は、クリックしないように注意してください。スコアが10に達した場合、ゲームクリアとなります。逆に、スコアが-10になった場合、ゲームオーバーとなります。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>開発者ひさしをボコボコにするゲーム</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			margin: 0;
			padding: 0;
		}
		canvas {
			background-color: #f2f2f2;
			display: block;
			margin: 0 auto;
		}
	</style>
</head>
<body>
	<canvas id="myCanvas"></canvas>

canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;

var score = 0;
		var maxScore = 10;
		var hits = 0;
		var misses = 0;
		var isGameOver = false;

var emojis = [
			"😠", "🤕", "😡", "💥", "🔥", "💢", "💣", "💩", "👊"
		];

var emojiSize = 60;
		var emojiSpeed = 3;

var emojiX = getRandomNumber(0, canvas.width - emojiSize);
		var emojiY = -emojiSize;

var soundHit = new Audio("hit.mp3");
		var soundMiss = new Audio("miss.mp3");
		var soundGameOver = new Audio("game-over.mp3");

setInterval(function() {
			if (!isGameOver) {
				update();
				draw();
			}
		}, 1000/60);

canvas.addEventListener("click", function(event) {
			if (!isGameOver) {
				var mouseX = event.clientX - canvas.offsetLeft;
				var mouseY = event.clientY - canvas.offsetTop;

if (mouseX >= emojiX && mouseX <= (emojiX + emojiSize) && mouseY >= emojiY && mouseY <= (emojiY + emojiSize)) {
					score += 1;
					hits += 1;
					soundHit.play();
				} else {
					score -= 1;
					misses += 1;
					soundMiss.play();
				}

if (score >= maxScore) {
					isGameOver = true;
					soundGameOver.play();
				}

emojiX = getRandomNumber(0, canvas.width - emojiSize);
				emojiY = -emojiSize;
			}
		});

function update() {
			emojiY += emojiSpeed;

if (emojiY > canvas.height) {
				score -= 1;
				misses += 1;

emojiX = getRandomNumber(0, canvas.width - emojiSize);
				emojiY = -emojiSize;
			}

if (score <= -10) {
				isGameOver = true;
				soundGameOver.play();
			}
		}

function draw() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.font = emojiSize + "px Arial";
			ctx.fillStyle = "#ff6666";
			ctx.textAlign = "center";
			ctx.fillText(emojis[getRandomNumber(0, emojis.length)], emojiX + (emojiSize/2), emojiY + (emojiSize/2));

ctx.font = "24px Arial";
			ctx.fillStyle = "#333333";
			ctx.textAlign = "left";
			ctx.fillText("Score: " + score, 20, 40);

ctx.font = "24px Arial";
			ctx.fillStyle = "#333333";
			ctx.textAlign = "left";
			ctx.fillText("Hits: " + hits, 20, 70);

ctx.font = "24px Arial";
			ctx.fillStyle = "#333333";
			ctx.textAlign = "left";
			ctx.fillText("Misses: " + misses, 20, 100);

if (isGameOver) {
				ctx.font = "48px Arial";
				ctx.fillStyle = "#333333";
				ctx.textAlign = "center";
				ctx.fillText("Game Over!", canvas.width/2, canvas.height/2);
			}
		}

function getRandomNumber(min, max) {
			return Math.floor(Math.random() * (max - min + 1) + min);
		}
	</script>
</body>
</html>