AI game creator

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

No:1348

107

←

Prev Next

→

mahjong
Developer User3283｜Date and time 23/6/18 11:47:26
Build time 37.292 sec｜Game capacity 3.616KB｜

Script

このプログラムは、JavaScriptを使用して麻雀ゲームを実装したものです。プレイヤーは13の牌を手札として持ち、牌をクリックして選択することができます。選択された牌は色付きになります。もう一度クリックすると、選択が解除されます。違う牌が選択されると、選択された2枚の牌が入れ替わります。牌の交換が終了したら、手札が再描画されます。また、手札が13枚未満の場合は、空の牌が表示されます。このプログラムは、スマートフォンでも操作可能であり、絵文字が多用されています。また、選択された牌が色付きになるなど、派手さやインタラクティブ性を高める工夫があります。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>麻雀</title>
	<style>
		body {
			font-size: 16px;
		}
		.tiles {
			display: grid;
			grid-template-columns: repeat(9, 40px);
			grid-template-rows: repeat(4, 60px);
			gap: 5px;
			padding: 20px;
			background-color: #fee;
		}
		.tile {
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 30px;
			background-color: #fff;
			border: 2px solid #000;
			border-radius: 10px;
			cursor: pointer;
		}
		.tile.empty {
			visibility: hidden;
			cursor: default;
		}
		.tile.selected {
			background-color: #acf;
		}
	</style>
</head>
<body onload="init();">
	<div class="tiles"></div>
	<script>
		var tiles = [
			"一", "一", "一", "一", "二", "二", "二", "二", "三",
			"三", "三", "三", "四", "四", "四", "四", "五", "五",
			"五", "五", "六", "六", "六", "六", "七", "七", "七",
			"七", "八", "八", "八", "八", "九", "九", "九", "九",
			"東", "東", "東", "東", "南", "南", "南", "南", "西",
			"西", "西", "西", "北", "北", "北", "北", "白", "白",
			"白", "白", "發", "發", "發", "發", "中", "中", "中", "中"
		];
		var hand = [];
		var selectedTile = null;

function init() {
			dealHand();
			renderTiles();
		}

function dealHand() {
			for (var i = 0; i < 13; i++) {
				var tileIndex = Math.floor(Math.random() * tiles.length);
				hand.push(tiles[tileIndex]);
				tiles.splice(tileIndex, 1);
			}
		}

このプログラムは、JavaScriptを使用して麻雀ゲームを実装したものです。プレイヤーは13の牌を手札として持ち、牌をクリックして選択することができます。選択された牌は色付きになります。もう一度クリックすると、選択が解除されます。

違う牌が選択されると、選択された2枚の牌が入れ替わります。牌の交換が終了したら、手札が再描画されます。また、手札が13枚未満の場合は、空の牌が表示されます。

このプログラムは、スマートフォンでも操作可能であり、絵文字が多用されています。また、選択された牌が色付きになるなど、派手さやインタラクティブ性を高める工夫があります。