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

No:35070

←

Prev Next

→

Merge Game
Developer User16425｜Date and time 24/1/13 6:47:14
Build time 12.26 sec｜Game capacity 2.619KB｜

Script

Sure, here's an example of a simple merge game implemented as a single HTML file using JavaScript and pictograms:

Merge Game

The game will display a 3x3 grid of cells, each containing a random pictogram. To merge cells, simply click on two neighboring cells with the same pictogram. Each merge will increase your score, and new cells will be added as you merge them. Enjoy playing the game!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's an example of a simple merge game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
	<title>Merge Game</title>
	<style>
		#game-board {
			height: 360px;
			width: 360px;
			background-color: #f7f7f7;
			border: 1px solid #ccc;
			margin: 20px auto;
			position: relative;
		}

.cell {
			height: 80px;
			width: 80px;
			position: absolute;
			border: 1px solid #ccc;
			background-color: #eee;
			text-align: center;
			line-height: 80px;
			font-size: 24px;
		}

.cell img {
			max-height: 64px;
			max-width: 64px;
			padding-top: 8px;
		}
	</style>
</head>
<body>
	<h1>Merge Game</h1>
	<div id="game-board"></div>

// Generate a random pictogram for the cell
		function getRandomPictogram() {
			var pictograms = ["🐱", "🐶", "🐼", "🐔", "🐟"];
			return pictograms[Math.floor(Math.random() * pictograms.length)];
		}

// Create a new cell with a random pictogram
		function createCell() {
			var cell = document.createElement("div");
			var content = getRandomPictogram();
			cell.className = "cell";
			cell.innerHTML = content;
			return cell;
		}

// Update the score display
		function updateScore() {
			document.getElementById("score").innerText = "Score: " + score;
		}

// Merge two cells when they have the same pictogram
		function mergeCells(cell1, cell2) {
			var mergedValue = cell1.textContent + cell2.textContent;
			cell1.innerHTML = mergedValue;
			score += mergedValue.length;
			cell2.parentNode.removeChild(cell2);
			updateScore();
		}

// Handle cell click event to merge cells
		function handleCellClick() {
			var cell = this;

if (cell.nextSibling && cell.nextSibling.textContent === cell.textContent) {
				mergeCells(cell.nextSibling, cell);
			} else if (cell.previousSibling && cell.previousSibling.textContent === cell.textContent) {
				mergeCells(cell.previousSibling, cell);
			}
		}

// Add a new cell to the game board
		function addCell() {
			var cell = createCell();
			cell.addEventListener("click", handleCellClick);
			gameBoard.appendChild(cell);
		}

// Initialize the game
		function initGame() {
			for (var i = 0; i < 9; i++) {
				addCell();
			}
			updateScore();
		}

initGame();
	</script>
</body>
</html>
```