js 输出麻将牌 - 風雲論壇

風雲 (ID: 3)

头衔：论坛版主

等级：大天使

积分：1790
发帖：74 篇
来自：保密
注册：2022/3/30 15:28:53
造访：2025/3/29 14:53:51

[ 第 1 楼 ]

[您可以先修改代码再运行]

2024/11/15 13:48:50

IP：已设置保密

風雲 (ID: 3)

头衔：论坛版主

等级：大天使

积分：1790
发帖：74 篇
来自：保密
注册：2022/3/30 15:28:53
造访：2025/3/29 14:53:51

[ 第 2 楼 ]

简单玩麻将😊

<!doctype html><html lang="zh"><head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>麻将</title>
<style type="text/css">
body{ background-color: #123456; margin: 0mm }
.desk{ width: 100vmin; height: 100vmin; background-color: #fff; display: flex; flex-direction: column }
.card{ font: 5.5vmin/7vmin arial }
.droped{ flex: 1 }
.player1{ background-color: #abcdef; text-align: center; padding: 1.5vmin 0mm }
.player1 .card{ cursor: pointer }
.player1 .card:hover{ transform: translateY(-0.5vmin); display: inline-block }
</style></head><body>
<input type="button" value="重新开始" style="float: left" onclick="majiang.newGame()" />
<div class="desk" popover="manual">
	<div class="droped"></div>
	<div class="player1"></div>
</div></body><script type="text/javascript">
var majiang = new function() {
	this.newGame = function() {
		droped.innerHTML = "";
		// 洗牌
		this.xipai();
		// 发牌
		this.player1.fapai();
	};

// 洗牌
	this.xipai = function() {
		this.cards = new Array;
		for(var i = 0; i < cards.length; i++) {
			cards[i].rand = Math.random();
			this.cards.push(cards[i]);
		}
		this.cards.sort(function(a, b) { return a.rand - b.rand; });
	};

// 发牌
	this.fapai = function() {
		var card = this.cards.pop();
		if(!card) return alert("牌已发完");
		return card;
	};

// 丢牌
	this.drop = function(card) { droped.appendChild(card.tag); };

var droped = document.querySelector(".droped");
	var cards = initCards();
	this.player1 = new Player(".player1");
};

// 玩家对象
function Player(css) {

// 摸1张牌
	this.mopai = function(num, sort) {
		var card = majiang.fapai();
		if(!card) return;	// 没摸到
		card.inPlayerId = this.cards.length;
		card.player = this;
		this.cards.push(card);
		div.appendChild(card.tag);
		if(!--num) return sort ? setTimeout(function() { me.sort(); }, 500) : 0;
		setTimeout(function() { me.mopai(num, sort); }, 100);
	};

// 重新排序
	this.sort = function() {
		this.cards.sort(function(a, b) { return a.id - b.id; });
		div.innerHTML = "";
		for(var i = 0; i < this.cards.length; i++) {
			var card = this.cards[i];
			card.inPlayerId = i;
			div.appendChild(this.cards[i].tag);
		}
		div.appendChild(mo);
		this.canDrop = false;
	};
	
	// 重新发牌
	this.fapai = function() {
		div.innerHTML = "";
		this.cards.length = 0;
		this.mopai(13, 1);
	};

// 丢牌
	this.drop = function(id) {
		if(!this.canDrop) return;
		var card = this.cards[id];
		if(!card) return;
		majiang.drop(card);
		this.cards.splice(id, 1);
		this.sort();
		delete card.player;
	};

this.cards = new Array;

var div = document.querySelector(css);

var mo = document.createElement("span");
	mo.innerHTML = "\ud83c\udc2b";
	mo.className = "card";
	mo.style.userSelect = "none";
	mo.title = "摸牌";
	mo.onclick = function() {
		div.removeChild(mo);
		me.mopai(1);
		me.canDrop = true;
	};
	
	var me = this;
}

// 初始化卡牌
function initCards() {
	var cards = new Array, snum = 56327, pre = "\ud83c", idx = 0;

return cards;
}

majiang.newGame();

document.querySelector(".desk").showPopover();
</script></html>

[您可以先修改代码再运行]

2024/11/15 13:49:42

IP：已设置保密

風雲 (ID: 3)

头衔：论坛版主

等级：大天使

积分：1790
发帖：74 篇
来自：保密
注册：2022/3/30 15:28:53
造访：2025/3/29 14:53:51

[ 第 3 楼 ]

做了一个和牌识别，多复杂的牌都能识别出来（暂不支持暗杠），点击试玩，一个人的麻将

// 和牌检测
var hupai = new function() {
	var ables = this.ables = new Array;
	this.check = function(player) {
		ables.length = 0;
		var cards = new Array;
		player.cards.forEach(function(x) { cards.push({ num: x.num, kind: x.kind, id: x.id, text: x.tag.innerHTML }); });
		cards.sort(function(a, b){ return a.id - b.id; });
		qixiaodui(cards);	// 七小对检测
		check(cards, new Array);	// 标准检测
		return ables.length > 0;
	};

// 递归检测
	function check(cards, logs) {
		var card = cards.shift();
		// “刻、顺、将”三种可能性，看哪组 logs 能递归走到最后
		ke(card, cards.slice(0), logs.slice(0));
		shun(card, cards.slice(0), logs.slice(0));
		jiang(card, cards.slice(0), logs.slice(0));
	}

// 检测刻子
	function ke(card, cards, logs) {
		if(cards.length < 2) return false;
		if(card.num != cards[0].num) return false;
		if(card.num != cards[1].num) return false;
		logs.push([ "刻子", card.text + cards[0].text + cards[1].text ]);
		if(cards.length < 3) return ables.push(logs);	// 检测完成
		check(cards.slice(2), logs);
	}

// 检测顺子
	function shun(card, cards, logs) {
		if(cards.length < 2) return false;
		var next = card.num + 2, arr = new Array;
		for(var i = cards.length - 1; i >= 0; i--) {
			var x = cards[i];
			if(x.kind != card.kind) continue;	// 不同色
			if(cards[i].num != next) continue;
			cards.splice(i, 1); next--;
			arr.unshift(x);
			if(arr.length > 1) break;
		}
		if(arr.length < 2) return false;
		logs.push([ "顺子", card.text + arr[0].text + arr[1].text ]);
		return !cards.length ? ables.push(logs) : check(cards, logs);
	}

// 检测将牌
	function jiang(card, cards, logs) {
		if(logs.some(function(x) { return x[0] == "将牌"; })) return false;
		if(card.num != cards[0].num) return false;
		logs.push([ "将牌", card.text + cards[0].text ]);
		if(cards.length < 2) return ables.push(logs);
		check(cards.slice(1), logs);
	}

// 检测七小对
	function qixiaodui(cards) {
		if(cards.length != 14) return;
		var logs = new Array;
		for(var i = 0; i < cards.length; i +=2) {
			if(cards[i].num != cards[i+1].num) return ;
			logs.push(["对子", cards[i].text + cards[i+1].text]);
		}
		ables.push(logs);
	}
	var me = this;
};

[您可以先修改代码再运行]

2024/11/16 17:39:47

IP：已设置保密

pojin (ID: 2)

等级：风云使者

积分：391
发帖：3 篇
来自：保密
注册：2022/3/30 11:42:27
造访：2025/3/16 20:07:25

[ 第 4 楼 ]

和了！

2024/11/22 10:40:36

IP：已设置保密

風雲 (ID: 3)

头衔：论坛版主

等级：大天使

积分：1790
发帖：74 篇
来自：保密
注册：2022/3/30 15:28:53
造访：2025/3/29 14:53:51

[ 第 5 楼 ]

我也和了😁😁😁

2024/11/30 18:50:28

IP：已设置保密

pojin (ID: 2)

等级：风云使者

积分：391
发帖：3 篇
来自：保密
注册：2022/3/30 11:42:27
造访：2025/3/16 20:07:25

[ 第 6 楼 ]

看不懂啊，全是编码

2024/12/3 20:08:15

IP：已设置保密

風雲 (ID: 3)

头衔：论坛版主

等级：大天使

积分：1790
发帖：74 篇
来自：保密
注册：2022/3/30 15:28:53
造访：2025/3/29 14:53:51

[ 第 7 楼 ]

Linux 基本桌面，不知道怎么显示麻将牌，按照 GPT 的指导安装了字体也不行。

然后，过了几天后，神奇的自己好了，突然能显示麻将牌了……

2024/12/4 8:11:47

IP：已设置保密