JavaScript 写了桥牌发牌模拟

最新推荐文章于 2023-08-29 14:53:42 发布
最新推荐文章于 2023-08-29 14:53:42 发布
阅读量253 收藏
点赞数
分类专栏： js 文章标签： javascript css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_40986747/article/details/107043825
版权

参考网上的斗地主发牌模拟，改了成桥牌模拟

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> </title>
<link href="./static/css/jquery-ui-1.11.4.css" rel="stylesheet" type="text/css">
<style type="text/css">
#head{
height:200px;
background-color:#0033CC;
margin:0;
}
#h1{
width:45%;
height:200px;
float:left;
margin:0;
}
#h2{
width:10%;
height:200px;
margin:0;
float:left;
background-color:#0033CC;
}
#h3{
width:45%;
height:200px;
float:right;
margin:0;
}

#content{
background:#CCCCCC;
height:200px;
margin:0;
}
#left{
width:40%;
height:200px;
background:#CCCC66;
float:left;
margin:0;
}
#left>p{
margin-left:200px;
}

#c{
width:20%;
height:200px;
background:grey;
margin:0;
float:left;
}
#right{
width:40%;
height:200px;
background:#339966;
float:right;
margin:0;
}
#right>p{
margin-left:230px;
}
#foot{
background:#0099CC;
height:200px;
margin:0;
}
#f1{
width:45%;
height:200px;
float:left;
margin:0;
}
#f2{
width:10%;
height:200px;
margin:0;
float:left;
}
#f3{
width:45%;
height:200px;
float:right;
margin:0;
}
#c>button{
width: 100px;
height: 100px;
background: red;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-left:80px;
margin-top:50px;
font-size: 16px;
font-weight: bold;
}
</style>
<script type="text/javascript">
    window.onload = function() {
        var oBtn = document.getElementsByTagName("button");
        var str1 = ["♣", "♦", "♥", "♠"];
        var str2 = ["2","A","K","Q","J","10","9","8","7","6","5","4","3"];
		
        oBtn[0].onclick = function () {
            var str3 = [];
            var str4 = [];
            var str5 = [];
            var player1 = [];
            var player2 = [];
            var player3 = [];
		    var player4 = [];
			var p1s=[];
			var p1h=[];
			var p1d=[];
			var p1c=[];
			var p2s=[];
			var p2h=[];
			var p2d=[];
			var p2c=[];
			var p3s=[];
			var p3h=[];
			var p3d=[];
			var p3c=[];
			var p4s=[];
			var p4h=[];
			var p4d=[];
			var p4c=[];
			
            for (var i = 0 ; i <str1.length;i++){
                for (var j = 0; j<str2.length;j++){
                    str3 += str1[i]+str2[j]+"/";
                }
            }
			
			str3 = str3.slice(0,str3.length-1);
			str3 = str3.split("/");
			/*
            str3+="大王/"+"小王";
            str3 = str3.split("/");
            //抽三张底牌，同时在str3中删除这三张牌
            for(var x = 0 ;x <=2;x++){
                console.log(str3.length);
                var n = parseInt(Math.random() * str3.length-1);
                str4 += str3[n]+"/";
                str3.splice(n, 1);
            }
            
			
            str4 = str4.slice(0,str4.length-1);
            str4 = str4.split("/");
			*/
			
            //用抽下标的方式打乱牌的顺序 str3--->str5
            for(var y = 0; y <=51;y++){
                var m = parseInt(Math.random() * str3.length-1);
                str5 += str3[m]+"/";
                str3.splice(m, 1);
            }
            str5 = str5.slice(0,str5.length-1);
            str5 = str5.split("/");
            //给四个玩家派牌
            for(var a = 0 ;a <=12;a++){
                 player1 += str5[a]+"/";
            }

            for(var a = 13 ;a <=25;a++){
                player2 += str5[a]+"/";
            }

            for(var a = 26 ;a <=38;a++){
                player3 += str5[a]+"/";
            }
			
			for(var a = 39 ;a <=51;a++){
                player4 += str5[a]+"/";
            }
			
            player1 = player1.slice(0,player1.length-1);
            player1 = player1.split("/");
			for(var a=0; a<=12;a++){
			    var tt = player1[a].slice(1,player1[a].length);
                if(player1[a][0] == "♣")
				{  
				   p1c.push(tt);  
				}
				if(player1[a][0] == "♦")
				{  
				   p1d.push(tt); 
				}
				if(player1[a][0] == "♥")
				{  
				   p1h.push(tt); 
				}
				if(player1[a][0] == "♠")
				{  
				   p1s.push(tt); 
				}
            }
            player2 = player2.slice(0,player2.length-1);
            player2 = player2.split("/");
			for(var a=0; a<=12;a++){
			    var tt = player2[a].slice(1,player2[a].length);
                if(player2[a][0] == "♣")
				{  
				   p2c.push(tt);   
				}
				if(player2[a][0] == "♦")
				{  
				   p2d.push(tt); 
				}
				if(player2[a][0] == "♥")
				{  
				   p2h.push(tt);  
				}
				if(player2[a][0] == "♠")
				{  
				   p2s.push(tt);   
				}
            }
            player3 = player3.slice(0,player3.length-1);
            player3 = player3.split("/");
			for(var a=0; a<=12;a++){
			    var tt = player3[a].slice(1,player3[a].length);
                if(player3[a][0] == "♣")
				{  
				   p3c.push(tt);   
				}
				if(player3[a][0] == "♦")
				{  
				   p3d.push(tt);  
				}
				if(player3[a][0] == "♥")
				{  
				   p3h.push(tt);  
				}
				if(player3[a][0] == "♠")
				{  
				   p3s.push(tt);  
				}
            }
			player4 = player4.slice(0,player4.length-1);
            player4 = player4.split("/");
			for(var a=0; a<=12;a++){
			    var tt = player4[a].slice(1,player4[a].length);
                if(player4[a][0] == "♣")
				{  
				   p4c.push(tt);   
				}
				if(player4[a][0] == "♦")
				{  
				   p4d.push(tt);   
				}
				if(player4[a][0] == "♥")
				{  
				   p4h.push(tt);   
				}
				if(player4[a][0] == "♠")
				{  
				   p4s.push(tt);   
				}
            }

            sort_local(p1c);
			sort_local(p1d);
			sort_local(p1h);
			sort_local(p1s);
			sort_local(p2c);
			sort_local(p2d);
			sort_local(p2h);
			sort_local(p2s);
			sort_local(p3c);
			sort_local(p3d);
			sort_local(p3h);
			sort_local(p3s);
			sort_local(p4c);
			sort_local(p4d);
			sort_local(p4h);
			sort_local(p4s);
			
			var oPN = document.getElementById("h2");
            oPN.innerHTML = "<div id=\"N\" align=\"center\">N</div><p>♠    " + p1s +"</p><p><font color=\"red\">♥    " + p1h+"</font></p><p>♣    " + p1c + "</p><p><font color=\"red\">♦    "+p1d+"</font></p>";
			var oPE = document.getElementById("left");
            oPE.innerHTML = "<div id=\"E\" align=\"center\">E</div><p>♠    " + p2s +"</p><p><font color=\"red\">♥    " + p2h+"</font></p><p>♣    " + p2c + "</p><p><font color=\"red\">♦    "+p2d+"</font></p>";
			var oPS	= document.getElementById("f2");
            oPS.innerHTML = "<div id=\"S\" align=\"center\">S</div><p>♠    " + p3s +"</p><p><font color=\"red\">♥    " + p3h+"</font></p><p>♣    " + p3c + "</p><p><font color=\"red\">♦    "+p3d+"</font></p>";
			var oPW = document.getElementById("right");
            oPW.innerHTML = "<div id=\"W\" align=\"center\">W</div><p>♠    " + p4s +"</p><p><font color=\"red\">♥    " + p4h+"</font></p><p>♣    " + p4c + "</p><p><font color=\"red\">♦    "+p4d+"</font></p>";
        };
		
		function sort_local(pl) {
		   for(var a=0; a<=12;a++){
		       if (pl[a] == "A")
			   { 
			       pl[a] = "95";
			   }
			   if (pl[a] == "K")
			   { 
			       pl[a] = "94";
			   }
			   if (pl[a] == "Q")
			   { 
			       pl[a] = "93";
			   }
			   if (pl[a] == "J")
			   { 
			       pl[a] = "92";
			   }		   
			   if (pl[a] == "10")
			   { 
			       pl[a] = "91";
			   }
		   }
		   pl.sort(function(a,b){
　　               return b - a;
                  })
		   for(var a=0; a<=12;a++){
		       if (pl[a] == "95")
			   { 
			       pl[a] = "A";
			   }
			   if (pl[a] == "94")
			   { 
			       pl[a] = "K";
			   }
			   if (pl[a] == "93")
			   { 
			       pl[a] = "Q";
			   }
			   if (pl[a] == "92")
			   { 
			       pl[a] = "J";
			   }
			   if (pl[a] == "91")
			   { 
			       pl[a] = "10";
			   }
		   }
		}
	};
	
</script>
</head>
<body>
<div id="head">
    <div id="h1"></div>
    <div id="h2" align="left">
	<div id="N" align="center">N</div>
	<p>♠  A K Q 10 9</p>
	<p><font color="red">♥  Q 9 7</font></p>
	<p>♣  7 8</p>
	<p><font color="red">♦  A 10 9</font></p>
	</div>
    <div id="h3"></div>
</div>
<div id="content">
  <div id="left">
    <div id="W" align="center">W</div>
	<p>♠  A K Q 10 9</p>
	<p><font color="red">♥  Q 9 7</font></p>
	<p>♣  7 8</p>
	<p><font color="red">♦  A 10 9</font></p>
  </div>
  <div id="c">
      <button>派牌</button>
  </div>
  <div id="right">
       <div id="E" align="center">E</div>
	   <p>♠  A K Q 10 9</p>
	   <p><font color="red">♥  Q 9 7</font></p>
	   <p>♣  7 8</p>
	   <p><font color="red">♦  A 10 9</font></p>
  </div>
</div>
<div id="foot">
    <div id="f1"></div>
    <div id="f2" align="left">
	<div id="S" align="center">S</div>
	<p>♠  A K Q 10 9</p>
	<p><font color="red">♥  Q 9 7</font></p>
	<p>♣  7 8</p>
	<p><font color="red">♦  A 10 9</font></p>
	</div>
    <div id="h3"></div>
</div>
</body>
</html>
用JavaScript写的俄罗斯方块小游戏（很简单，很详细）
编程界明世隐的博客
02-25 9703
效果 编写外部框架 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } #box{ width:320px; height:450px; position:absolute; margin:0 auto
模拟桥牌洗牌发牌（C语言程序）
06-11
模拟桥牌洗牌，分发牌至东南西北四家
简单模拟_桥牌问题
Tony Yang的博客
02-29 843
题意： 牌局由四个人构成，围成一圈。我们称四个方向为北 东 南 西。对应的英文是North，East，South，West。游戏一共由一副扑克，也就是52张构成。开始，我们指定一位发牌员（东南西北中的一个，用英文首字母标识）开始发牌，发牌顺序为顺时针，发牌员第一个不发自己，而是发他的下一个人（顺时针的下一个人）。这样，每个人都会拿到13张牌。现在我们定义牌的顺序，首先，花色是（梅花）<（方片...
BridgeGame:毕业设计（桥牌叫牌模拟）
05-12
BridgeGame 毕业设计（桥牌叫牌模拟）
js发牌特效
03-15
js发牌特效
原生js实现斗地主发牌
qq_43769553的博客
09-23 1089
原生js实现斗地主发牌 派牌 玩家一: 玩家三: 玩家二: 底牌: var oBtn = document.getElementsByTagName("button")[0]; var oP = document.getElementsByTagName("p"); var str1 = ["红桃","方片","梅花","黑桃"]; var str2 = ["2","1","K","Q","J",...
JavaScript 对象 实现扑克牌 斗地主分发
weixin_65257540的博客
03-02 1057
需求 * 发牌程序 共：54张 52张 玩家1.2.3: 17张 底牌: 3张 * 1. 生成 54张 * 2. 分发 17-17-17-3 打乱 * 3. 排序 思路 1、由于是两个数组组合在一起，所以需要一个新的数组,生成54张牌，需要手动赋值大小王 2、后面是需要排序，所以他们不能是字符串，需要是对象类型，用对象的属性值比较 3、通过Set()方法和随机数把他们的顺序打乱，然后获得一个索引的数组 4、把打乱的索引数组进行遍历，然后把对应的索引返回对象的元素，所以会得到一个打...
用 JavaScript 写一个小游戏打飞机
m0_62241283的博客
08-03 2144
以上就是 基于 js 制作一个飞机大战，不懂得也可以在评论区里问我或私聊我询问，以后会持续发布一些新的功能，敬请关注。
桥牌游戏
02-05
在创建桥牌游戏时，开发者可以利用Phaser的精灵（Sprites）和场景（Scenes）来构建游戏界面，用事件监听器处理玩家交互，以及通过状态机模式来管理游戏的不同阶段，如发牌、叫牌、出牌等。 ExpFactory是实验工厂的...
经典桥牌发牌程序(vc++ 2008)
08-09
经典桥牌发牌程序 vc++ 2008 经典桥牌发牌程序 vc++ 2008 经典桥牌发牌程序 vc++ 2008
网络打桥牌
10-25
棋牌游戏大厅简介：网络大厅+ 桥牌 8000行代码 1 基于C# TCP Socket异步通讯 多线程 开发 2 近60个自定义通信协议 使用了序列化技术 传输byte流 3 二级代理技术 开始打牌后，指定其中一人为ProxyServer，打开Socket，承担与其他三人打牌逻辑的判断，打牌结束后由其负责通知主Server 实现了均衡负载，让Server负担大幅度减轻 4 在Server端 将连接方存入哈希表，这样Server想发信息给谁 都可以点对点发送 5 主裁和边裁的设定 分别在CLient和Server端验证 6 Flyweight模式画 手中的牌 7 Observer模式 负责窗体间的通讯 8 由于是在一台机器上开发， 所以用同一IP不同端口来模拟 不同IP的玩家，所以要略作修改才可以实现不同IP的玩家进入大厅 未完成 （时间来不及 要去找工作了） 1 出过的牌 显示： 数据已经准备好 就差表现出来 2 分数的显示：数据已经准备好 就差表现出来 3 界面的美化 由其是排版 4 用Strategy 实现 拱猪/桥牌/80分 的不同玩法 甚至是棋牌的不同玩法 5 强制退出游戏的处理 6 CardControl的闪烁问题
桥牌坐庄软件——About bridge master 2000
10-23
BM2000(About bridge master 2000)应该是世界上最好的桥牌坐庄软件。 坐庄就是一个熟练工的活，实战中你只有几分钟的时间，没有多少挖空心思的余地，如果想在牌桌上对得起你的同伴，那就多多积累吧
jQuery发牌效果
07-16
jQuery发牌效果 演示地址：http://www.jq22.com/plugin/575
自动发牌程序
04-09
初学者简单写的一个模拟扑克牌发牌的程序，简单的生成52张的发牌，还有分发每个牌，并显示花色和点数，纯属随机
JS写的斗地主
06-26
用JS实现单机斗地主，有抢地主、简单人工智能，当然还有最主要的斗地主功能，是学习JS的很好案例。
VUE环境下 CSS3+JS 实现发牌 翻牌
最新发布
悟空—
08-29 1467
1.通过变量show来控制 添加 'popup-top-box-card' + index 给牌Class 改变position top left 实现发牌动作 rotateY(180deg) 实现翻牌动作。2.通过变量show来控制卡牌子级 添加 ‘popup-box-card-son-rotate’ opacity 延迟0.05s显示0.2s卡牌内容。1.父级（卡牌未放开显示背景） 卡牌子级（显示卡牌内容）
用c写的桥牌发牌代码
brookmill的专栏
05-16 1926
 最近学桥牌，据说要经常自己做叫牌练习。为了偷懒不用发牌，随便写了一段发牌的程序。我用的是cygwin。如果是别的系统，产生随机数洗牌那里要改，其它的都不用动。大致思路是：用整数51~0代表52张牌，依次是黑桃A~2、红桃A~2、方块A~2、草花A~2，保存到数组。洗牌：循环10000次，每次产生两个0~51的随机数，交换这个位置的数组元素。洗好牌之后，就可以把序号0~12、13~25、26~
用js实现一个简单的斗地主发牌
badoldboy的博客
09-20 2286
用js实现一个简单的斗地主发牌 代码如下 //生成54张牌 function poker() { let num1 = [“2”, “3”, “4”, “5”, “6”, “7”, “8”, “9”, “10”, “J”, “Q”, “K”, “A”]; let num2 = [“梅花”, “方块”, “黑桃”, “红桃”]; let num3 = [ ]; num3.push(“大王”, “小王”) for (let i = 0; i < num1.length; i++) { for (let k
用JQuery写一个斗地主发牌器
qq_43028185的博客
04-28 471
代码展示 CSS样式 <style> * { margin: 0; padding: 0; } /* body { background-color: aquamarine; } */ div { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值