Games to avoid heat stroke by inoculating alcohol's game

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

No:1858

2244

←

Prev Next

→

Games to avoid heat stroke by inoculating alcohol
Developer AI絵師｜Date and time 23/6/19 9:04:14
Build time 52.653 sec｜Game capacity 4.488KB｜

Script

スコア: 0

【ゲームの概要】アルコールをクリックして飲むことで、熱中症から逃れるゲームです。ただし、画面上にはアルコール以外にも熱中症の太陽がいます。アルコールを10個クリックすると、スコアが増えます。熱中症の太陽をクリックするか、酔いすぎてクリックできなくなるとゲームオーバーになります。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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;
			text-align: center;
		}
		canvas {
			background-color: #F5F5F5;
		}
		#score {
			font-size: 24px;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<canvas id="canvas" width="300" height="500"></canvas>
	<div id="score">スコア: 0</div>

let score = 0;
		let gameover = false;

//画像読み込み
		const alcoholImg = new Image();
		alcoholImg.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/beer-mug_1f37a.png";

const sunImg = new Image();
		sunImg.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/sun-with-face_1f31e.png";

//アルコールオブジェクト
		class Alcohol {
			constructor(image, x, y, vx, vy) {
				this.image = image;
				this.x = x;
				this.y = y;
				this.vx = vx;
				this.vy = vy;
				this.width = image.width;
				this.height = image.height;
			}

move() {
				if (this.x < 0 || this.x + this.width > canvas.width) {
					this.vx = -this.vx;
				}
				if (this.y < 0 || this.y + this.height > canvas.height) {
					this.vy = -this.vy;
				}
				this.x += this.vx;
				this.y += this.vy;
			}

draw() {
				ctx.drawImage(this.image, this.x, this.y);
			}
		}

//熱中症オブジェクト
		class Sun {
			constructor(image, x, y, vx, vy) {
				this.image = image;
				this.x = x;
				this.y = y;
				this.vx = vx;
				this.vy = vy;
				this.width = image.width;
				this.height = image.height;
			}

draw() {
				ctx.drawImage(this.image, this.x, this.y);
			}
		}

//オブジェクト作成
		let alcohols = [];
		let suns = [];
		let alcoholCount = 10;
		let sunCount = 5;

for (let i = 0; i < alcoholCount; i++) {
			let x = Math.floor(Math.random() * (canvas.width - alcoholImg.width));
			let y = Math.floor(Math.random() * (canvas.height - alcoholImg.height));
			let vx = Math.floor(Math.random() * 5) + 1;
			let vy = Math.floor(Math.random() * 5) + 1;
			let alcohol = new Alcohol(alcoholImg, x, y, vx, vy);
			alcohols.push(alcohol);
		}

for (let i = 0; i < sunCount; i++) {
			let x = Math.floor(Math.random() * (canvas.width - sunImg.width));
			let y = Math.floor(Math.random() * (canvas.height - sunImg.height));
			let vx = Math.floor(Math.random() * 5) + 1;
			let vy = Math.floor(Math.random() * 5) + 1;
			let sun = new Sun(sunImg, x, y, vx, vy);
			suns.push(sun);
		}

//クリックイベント
		canvas.addEventListener("click", (event) => {
			if (gameover) {
				return;
			}
			let rect = canvas.getBoundingClientRect();
			let clickX = event.clientX - rect.left;
			let clickY = event.clientY - rect.top;

for (let alcohol of alcohols) {
				if (clickX >= alcohol.x && clickX <= alcohol.x + alcohol.width &&
					clickY >= alcohol.y && clickY <= alcohol.y + alcohol.height) {
					score++;
					document.getElementById("score").textContent = "スコア: " + score;
					let index = alcohols.indexOf(alcohol);
					alcohols.splice(index, 1);
					break;
				}
			}

for (let sun of suns) {
				if (clickX >= sun.x && clickX <= sun.x + sun.width &&
					clickY >= sun.y && clickY <= sun.y + sun.height) {
					gameover = true;
					alert("熱中症になりました。スコア: " + score);
					break;
				}
			}
		});

//アニメーションループ
		function loop() {
			if (gameover) {
				return;
			}
			ctx.clearRect(0, 0, canvas.width, canvas.height);

for (let alcohol of alcohols) {
				alcohol.move();
				alcohol.draw();
			}

for (let sun of suns) {
				sun.move();
				sun.draw();
			}

requestAnimationFrame(loop);
		}

loop();

</script>
</body>
</html>

【ゲームの概要】
アルコールをクリックして飲むことで、熱中症から逃れるゲームです。
ただし、画面上にはアルコール以外にも熱中症の太陽がいます。
アルコールを10個クリックすると、スコアが増えます。
熱中症の太陽をクリックするか、酔いすぎてクリックできなくなるとゲームオーバーになります。