Hurry up with the apd! 🤬💢Apply quickly! 🤬💢Apply quickly! 🤬💢Apply quickly! 🤬💢Apply quickly! 🤬💢Apply quickly! 🤬💢Apply quickly! 🤬💢Apply quickly! 🤬💢Apply quickly! 🤬💢Apply quickly! 🤬💢Apply quickly! 🤬💢Apply quickly! 🤬💢Apply quickly! 🤬💢Apply quickly! 🤬💢game's game

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

No:3559

2140

←

Prev Next

→

Hurry up with the apd! 🤬💢Apply quickly! 🤬💢Apply qu..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/25 15:49:11
Build time 31.9 sec｜Game capacity 3.263KB｜

Script

「フルーツシュート」画面に表示されたフルーツをタップして消し、その後に出てくるフルーツも消していくパズルゲームです。以下がゲームの実装例です。

このゲームでは、画面中央に12個のセルが表示されます。セルをタップすると、そのセルに表示されているフルーツが消え、上に詰まっていたセルが下に落ちてきます。一番上にはランダムなフルーツが出てきます。楽しんでプレイしてください！

←

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>
		#game-board {
			display: flex;
			flex-wrap: wrap;
			width: 300px;
			height: 600px;
			border: 5px solid black;
			margin: 0 auto;
		}
		.cell {
			width: 100px;
			height: 100px;
			background-color: white;
			border: 1px solid black;
			font-size: 60px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	</style>
</head>
<body>
	<div id="game-board"></div>
	<script>
	// フルーツの種類
	const fruits = ["🍎", "🍇", "🍊", "🍓", "🍌"]; 
	
	// ボードの行数と列数
	const ROWS = 6;
	const COLUMNS = 3;
	
	// ボードの初期化
	const board = [];
	for (let i = 0; i < ROWS; i++) {
		const row = [];
		for (let j = 0; j < COLUMNS; j++) {
			row.push("");
		}
		board.push(row);
	}
	
	// ボードにランダムでフルーツを配置する関数
	function setFruit() {
		const randRow = Math.floor(Math.random() * ROWS);
		const randCol = Math.floor(Math.random() * COLUMNS);
		const randFruit = fruits[Math.floor(Math.random() * fruits.length)];
		board[randRow][randCol] = randFruit;
		
		// フルーツを表示する
		const cell = document.getElementById(`${randRow}-${randCol}`);
		cell.textContent = randFruit;
	}
	
	// ボードを初期化する
	function initBoard() {
		const gameBoard = document.getElementById("game-board");
		for (let i = 0; i < ROWS; i++) {
			for (let j = 0; j < COLUMNS; j++) {
				const cell = document.createElement("div");
				cell.setAttribute("class", "cell");
				cell.setAttribute("id", `${i}-${j}`);
				gameBoard.appendChild(cell);
				
				// セルをタップしたときに実行する関数
				cell.addEventListener("click", function() {
					// セルが空の場合は何もしない
					if (this.textContent === "") {
						return;
					}
					
					// セルを消す
					this.textContent = "";
					board[i][j] = "";
					
					// 上のセルを詰める
					for (let k = i - 1; k >= 0; k--) {
						board[k+1][j] = board[k][j];
						const upperCell = document.getElementById(`${k}-${j}`);
						upperCell.textContent = board[k][j];
					}
					
					// 最上段に新しいフルーツを配置する
					setFruit();
				});
			}
		}
	}
	
	// ボードを更新する
	function updateBoard() {
		for (let i = 0; i < ROWS; i++) {
			for (let j = 0; j < COLUMNS; j++) {
				// セルが空の場合はランダムなフルーツを配置する
				if (board[i][j] === "") {
					setFruit();
				}
			}
		}
	}
	
	// ゲームを開始する
	function startGame() {
		initBoard();
		setInterval(updateBoard, 1000);
	}
	
	// ゲームを開始する
	startGame();
	</script>
</body>
</html>

このゲームでは、画面中央に12個のセルが表示されます。セルをタップすると、そのセルに表示されているフルーツが消え、上に詰まっていたセルが下に落ちてきます。一番上にはランダムなフルーツが出てきます。

楽しんでプレイしてください！