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

No:3283

1401

←

Prev Next

→

Capital drain!
Developer User3589｜Date and time 23/6/24 11:27:53
Build time 28.513 sec｜Game capacity 2.839KB｜

Script

キャピタルドレイン！

Score: 0

左右に動かして、お金を集めよう！

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Capital Drain！</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style type="text/css">
		body {
			background-color: #00d2ff;
			font-size: 1.2em;
			text-align: center;
		}
		canvas {
			background-color: #ffffff;
			border: 1px solid #000000;
		}
		#score {
			font-weight: bold;
		}
	</style>
</head>
<body>
	<h1>キャピタルドレイン！</h1>
	<canvas id="gameCanvas"></canvas>
	<div id="score">Score: 0</div>
	<div>左右に動かして、お金を集めよう！</div>
	<script type="text/javascript">
		var canvas = document.getElementById("gameCanvas");
		var ctx = canvas.getContext("2d");
		var scoreElement = document.getElementById("score");
		var score = 0;

// プレイヤー
		var player = {
			x: canvas.width / 2,
			y: canvas.height - 30,
			width: 50,
			height: 50,
			speed: 10
		};

// お金の初期位置
		var money = {
			x: Math.random() * (canvas.width - 50),
			y: 0,
			width: 50,
			height: 50,
			speed: 5
		};

// ゲームオーバーの判定
		function isGameOver() {
			if (money.y + money.height >= player.y
				&& money.x >= player.x
				&& money.x + money.width <= player.x + player.width) {
				score++;
				scoreElement.innerText = "Score: " + score;
				money.x = Math.random() * (canvas.width - 50);
				money.y = 0;
			}

if (money.y + money.height > canvas.height) {
				alert("Game over! Score: " + score);
				location.reload();
			}
		}

// プレイヤーの描画
		function drawPlayer() {
			ctx.beginPath();
			ctx.rect(player.x, player.y, player.width, player.height);
			ctx.fillStyle = "#ff9f43";
			ctx.fill();
			ctx.closePath();
		}

// お金の描画
		function drawMoney() {
			ctx.beginPath();
			ctx.rect(money.x, money.y, money.width, money.height);
			ctx.fillStyle = "#fbc531";
			ctx.fill();
			ctx.closePath();
		}

// ゲームの更新
		function update() {
			money.y += money.speed;

if (leftPressed && player.x > 0) {
				player.x -= player.speed;
			} else if (rightPressed && player.x < canvas.width - player.width) {
				player.x += player.speed;
			}

isGameOver();
			drawPlayer();
			drawMoney();
		}

// ゲームのループ処理
		function gameLoop() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			update();
			requestAnimationFrame(gameLoop);
		}

gameLoop();
	</script>
</body>
</html>