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

No:18470

Online multi-player block game
Developer User8173｜Date and time 23/9/29 15:45:24
Build time 1.268 sec｜Game capacity 0.059KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

おじさんが禿げるゲーム

おじさんの頭にある髪の毛をすべて抜き取ろう！

スコア：0

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

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!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>

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