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

No:2316

5650

←

Prev Next

→

Games that make your uncle go bald
Developer もちきなこ｜Date and time 23/6/20 22:37:26
Build time 43.146 sec｜Game capacity 3.205KB｜

Script

Games that make your uncle go bald

Lets pull out every hair on your uncles head!

Score: 0

*This code was written by our support team.、Operation is not guaranteed. Please understand.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>おじさんが禿げるゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #c9c7c7;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		
		h1 {
			font-size: 48px;
			margin-top: 50px;
			margin-bottom: 30px;
			color: #ff5069;
			text-shadow: 2px 2px #000000;
		}
		
		p {
			font-size: 24px;
			margin-bottom: 20px;
			color: #000000;
		}
		
		#score {
			font-size: 24px;
			margin-bottom: 20px;
			color: #000000;
		}
		
		#canvas {
			margin: auto;
			background-color: #ffffff;
			border: 2px solid #000000;
			border-radius: 10px;
		}
		
		#start-button {
			font-size: 24px;
			padding: 10px 20px;
			background-color: #ff5069;
			color: #ffffff;
			border: none;
			border-radius: 5px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>おじさんが禿げるゲーム</h1>
	<p>おじさんの頭にある髪の毛をすべて抜き取ろう！</p>
	<div id="score">スコア：0</div>
	<canvas id="canvas" width="300" height="400"></canvas>
	<button id="start-button">スタート</button>
	<script>
		var canvas = document.getElementById("canvas");
		var ctx = canvas.getContext("2d");
		
		var scoreLabel = document.getElementById("score");
		
		var score = 0;
		
		var baldhead = new Image();
		baldhead.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/man-bald_1f468-200d-1f9b2.png";
		
		var hair = new Image();
		hair.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/man-curly-hair_1f468-200d-1f9b1.png";
		
		var interval;
		
		var baldheadX = canvas.width/2 - 50;
		var baldheadY = canvas.height - 100;
		var baldheadWidth = 100;
		var baldheadHeight = 100;
		
		var hairX;
		var hairY;
		var hairWidth = 50;
		var hairHeight = 50;
		
		var hairSpeed = 2;
		
		var gameStarted = false;
		
		function drawBaldhead() {
			ctx.drawImage(baldhead, baldheadX, baldheadY, baldheadWidth, baldheadHeight);
		}
		
		function drawHair() {
			hairX = Math.random() * (canvas.width - hairWidth);
			hairY = 0;
			ctx.drawImage(hair, hairX, hairY, hairWidth, hairHeight);
		}
		
		function draw() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			drawBaldhead();
			drawHair();
			scoreLabel.innerHTML = "スコア：" + score;
			
			if (hairY + hairHeight > canvas.height - baldheadHeight/2 && hairX + hairWidth/2 > baldheadX && hairX + hairWidth/2 < baldheadX + baldheadWidth) {
				score++;
				hairSpeed += 0.5;
			}
			
			if (hairY + hairHeight > canvas.height) {
				clearInterval(interval);
				alert("ゲームオーバー！\nスコア：" + score);
				score = 0;
				hairSpeed = 2;
				gameStarted = false;
			}
			
			hairY += hairSpeed;
		}
		
		function startGame() {
			if (!gameStarted) {
				gameStarted = true;
				interval = setInterval(draw, 10);
			}
		}
		
		document.getElementById("start-button").addEventListener("click", startGame);
	</script>
</body>
</html>

※このコードはサポートチームによって書かれたものであり、動作保証がありません。ご了承ください。