A game of throwing marshmallows at each other's game

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

No:1027

233

←

Prev Next

→

A game of throwing marshmallows at each other
Developer User3219｜Date and time 23/6/18 0:19:26
Build time 46.061 sec｜Game capacity 3.606KB｜

Script

👧

👦

🍡

＜ゲーム概要＞プレイヤー1とプレイヤー2が互いにマシュマロを投げ合って得点を競います。マシュマロは画面中央の🍡をクリックすることで投げることができます。投げるとマシュマロが左右に移動し、上に向かって飛んでいきます。マシュマロが画面上部に到達すると、プレイヤー1とプレイヤー2のどちらかに得点が入ります。得点が入る条件は、画面左端の👧のプレイヤーに近い方がプレイヤー1の得点、画面右端の👦のプレイヤーに近い方がプレイヤー2の得点です。ゲーム時間は30秒間で、時間切れになると各プレイヤーの得点が表示されます。

←

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">
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #FFC39E;
		}

#player1, #player2 {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			font-size: 5rem;
			color: #E63946;
		}

#player1 {
			left: 10%;
		}

#player2 {
			right: 10%;
		}

#marshmallow {
			position: absolute;
			top: 30%;
			left: 50%;
			transform: translateX(-50%);
			font-size: 10rem;
			color: #FFB627;
			cursor: pointer;
		}

#timer {
			position: absolute;
			top: 5%;
			right: 5%;
			font-size: 3rem;
			color: #EFEA5A;
		}
	</style>
</head>
<body>
	<div id="player1">👧</div>
	<div id="player2">👦</div>
	<div id="marshmallow">🍡</div>
	<div id="timer"></div>
	<script>
		// ゲーム設定
		const gameTime = 30; // ゲーム時間（秒）
		const throwSpeed = 5; // マシュマロの投げる速度（秒）

// プレイヤーの得点とマシュマロの位置
		let player1Score = 0;
		let player2Score = 0;
		let marshmallowLeft = 50;
		let marshmallowTop = 30;

// タイマーの初期化
		let timer = gameTime;
		let timerIntervalId = setInterval(() => {
			timer--;
			document.getElementById("timer").innerHTML = timer;
			if (timer === 0) {
				clearInterval(timerIntervalId);
				document.getElementById("marshmallow").removeEventListener("click", throwMarshmallow);
				alert("時間切れ！\n\nプレイヤー1：" + player1Score + "点\nプレイヤー2：" + player2Score + "点");
			}
		}, 1000);

// マシュマロを投げる関数
		const throwMarshmallow = () => {
			if (marshmallowTop <= 90) {
				if (marshmallowLeft <= 50) {
					marshmallowLeft -= throwSpeed;
				} else if (marshmallowLeft >= 50) {
					marshmallowLeft += throwSpeed;
				}
				marshmallowTop += throwSpeed;
				document.getElementById("marshmallow").style.left = marshmallowLeft + "%";
				document.getElementById("marshmallow").style.top = marshmallowTop + "%";
			} else {
				let distance1 = Math.abs(marshmallowLeft - 10);
				let distance2 = Math.abs(marshmallowLeft - 90);
				if (distance1 < distance2) {
					player1Score++;
				} else if (distance1 > distance2) {
					player2Score++;
				}
				document.getElementById("player1").innerHTML = "👧 " + player1Score;
				document.getElementById("player2").innerHTML = "👦 " + player2Score;
				marshmallowLeft = 50;
				marshmallowTop = 30;
				document.getElementById("marshmallow").style.left = marshmallowLeft + "%";
				document.getElementById("marshmallow").style.top = marshmallowTop + "%";
			}
		};

// マシュマロを投げるイベントの登録
		document.getElementById("marshmallow").addEventListener("click", throwMarshmallow);
	</script>
</body>
</html>

＜ゲーム概要＞
プレイヤー1とプレイヤー2が互いにマシュマロを投げ合って得点を競います。
マシュマロは画面中央の🍡をクリックすることで投げることができます。
投げるとマシュマロが左右に移動し、上に向かって飛んでいきます。
マシュマロが画面上部に到達すると、プレイヤー1とプレイヤー2のどちらかに得点が入ります。
得点が入る条件は、画面左端の👧のプレイヤーに近い方がプレイヤー1の得点、画面右端の👦のプレイヤーに近い方がプレイヤー2の得点です。
ゲーム時間は30秒間で、時間切れになると各プレイヤーの得点が表示されます。