AI game creator

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

No:1663

1249

←

Prev Next

→

mahjong
Developer User3385｜Date and time 23/6/18 21:14:54
Build time 53.73 sec｜Game capacity 3.38KB｜

Script

🀇

🀈

🀉

🀊

🀋

🀌

🀍

🀎

🀏

このアプリケーションは、麻雀をプレイすることができます。ユーザーは、ゲームボードの上に表示される牌をクリックして、手牌に選択できます。選択された牌は青い背景色で表示され、もう一度選択することで選択を解除することができます。3つの牌が選択されると、勝利の役がチェックされ、アラートメッセージが表示されます。ボードをリセットするには、[OK]をクリックして、すべてのタイルの選択を解除できます。

←

Prev　Next

→ 　

Back　

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

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.0">
	<style>
		* {
			box-sizing: border-box;
			font-family: Arial;
		}
		body {
			margin: 0;
			padding: 0;
			background-color: #f2f2f2;
		}
		#gameboard {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			min-height: 320px;
			max-width: 400px;
			margin: auto;
			padding: 20px;
			background-color: #ffffff;
			border: 2px solid #333333;
		}
		.tile {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 50px;
			height: 70px;
			margin: 5px;
			background-color: #cccccc;
			border: 2px solid #aaaaaa;
			border-radius: 5px;
			font-size: 30px;
			cursor: pointer;
			transition: all 0.3s ease-in-out;
		}
		.tile:hover {
			background-color: #dddddd;
			transform: scale(1.1);
		}
		.selected {
			background-color: #0099ff;
			color: #ffffff;
		}
	</style>
</head>
<body>
	<div id="gameboard">
		<div class="tile" onclick="selectTile(this)">1</div>
		<div class="tile" onclick="selectTile(this)">2</div>
		<div class="tile" onclick="selectTile(this)">3</div>
		<div class="tile" onclick="selectTile(this)">4</div>
		<div class="tile" onclick="selectTile(this)">5</div>
		<div class="tile" onclick="selectTile(this)">6</div>
		<div class="tile" onclick="selectTile(this)">7</div>
		<div class="tile" onclick="selectTile(this)">8</div>
		<div class="tile" onclick="selectTile(this)">9</div>
		<div class="tile" onclick="selectTile(this)">🀇</div>
		<div class="tile" onclick="selectTile(this)">🀈</div>
		<div class="tile" onclick="selectTile(this)">🀉</div>
		<div class="tile" onclick="selectTile(this)">🀊</div>
		<div class="tile" onclick="selectTile(this)">🀋</div>
		<div class="tile" onclick="selectTile(this)">🀌</div>
		<div class="tile" onclick="selectTile(this)">🀍</div>
		<div class="tile" onclick="selectTile(this)">🀎</div>
		<div class="tile" onclick="selectTile(this)">🀏</div>
	</div>
	<script>
		var selectedTiles = [];

function checkWinningHand(tiles) {
			// implement winning hand logic here
			alert("Winning Hand!");
			resetBoard();
		}

function resetBoard() {
			selectedTiles = [];
			var tiles = document.getElementsByClassName("tile");
			for (var i = 0; i < tiles.length; i++) {
				tiles[i].classList.remove("selected");
			}
		}
	</script>
</body>
</html>