html编写扑克牌游戏,用js编写扑克牌小游戏
/*
by river
http://www.rednetcn.com
2006-3-26
*/
var cards="0,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11,a12,a13,b1,b2,b3,b4,b5,b6,b7,b8,b9,b10,b11,b12,b13,c1,c2,c3,c4,c5,c6,c7,c8,c9,c10,c11,c12,c13,d1,d2,d3,d4,d5,d6,d7,d8,d9,d10,d11,d12,d13,"; //整个扑克牌数组,抽取牌后自动减小a1-13,b1-b13,c1-c13,d1-d13
var fen,zhu,ju;
ju=1;
fen=10000;
//取得一张扑克牌
function markcard(){
var rnd=Math.floor(Math.random() * 13)+1;
var rcard=""; //=new card(pkey,"",rnd,"my");//"";
//pkey++;
var r=Math.floor(Math.random() * 4)+1;
if (r==1)rcard="a"+rnd; //黑桃
else if(r==2)rcard="b"+rnd;//红桃
else if(r==3)rcard="c"+rnd;//梅花
else if(r==4)rcard="d"+rnd;//方块
var oldlen=cards.length;
cards = cards.replace(rcard+",",""); // 更新剩余牌数组
if (oldlen==cards.length)return(markcard());
return(rcard);
}
//]]>
body{font-size: 12px;}
.pk {
background-image: url(fb.gif);
border-color: #808080 #000000 #000000 #808080;
border-width: 1px;
border-style: solid;
font-size: 20pt;
width: 3.75em;
height: 5em;
float:left;
margin: 10px;
}
.card {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #808080 1px solid; FONT-SIZE: 20pt; BACKGROUND-IMAGE: url(cardback.gif); BORDER-LEFT: #808080 1px solid; WIDTH: 3.75em; BORDER-BOTTOM: #000000 1px solid; POSITION: absolute; HEIGHT: 5em
}
.back{ background-image: url(fb.gif); /* 背景图片 */}
.front {
WIDTH: 100%; COLOR: #000000; POSITION: absolute; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff
}
.red {
COLOR: #ff0000
}
.hearts{COLOR: #ff0000}
.diams{COLOR: #ff0000}
.spades{COLOR: #000000}
.clubs{COLOR: #000000}
.index {
FONT-WEIGHT: bold; FONT-SIZE: 50%; LEFT: 0.25em; POSITION: absolute; TOP: 0.25em; TEXT-ALIGN: center
}
.ace {
FONT-SIZE: 300%; LEFT: 0.31em; POSITION: absolute; TOP: 0.25em
}
.face {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; LEFT: 0.5em; BORDER-LEFT: #000000 1px solid; WIDTH: 2.6em; BORDER-BOTTOM: #000000 1px solid; POSITION: absolute; TOP: 0.45em; HEIGHT: 4em
}
.spotA1 {
LEFT: 0.6em; POSITION: absolute; TOP: 0.5em
}
.spotA2 {
LEFT: 0.6em; POSITION: absolute; TOP: 1.5em
}
.spotA3 {
LEFT: 0.6em; POSITION: absolute; TOP: 2em
}
.spotA4 {
LEFT: 0.6em; POSITION: absolute; TOP: 2.5em
}
.spotA5 {
LEFT: 0.6em; POSITION: absolute; TOP: 3.5em
}
.spotB1 {
LEFT: 1.55em; POSITION: absolute; TOP: 0.5em
}
.spotB2 {
LEFT: 1.55em; POSITION: absolute; TOP: 1em
}
.spotB3 {
LEFT: 1.55em; POSITION: absolute; TOP: 2em
}
.spotB4 {
LEFT: 1.55em; POSITION: absolute; TOP: 3em
}
.spotB5 {
LEFT: 1.55em; POSITION: absolute; TOP: 3.5em
}
.spotC1 {
LEFT: 2.5em; POSITION: absolute; TOP: 0.5em
}
.spotC2 {
LEFT: 2.5em; POSITION: absolute; TOP: 1.5em
}
.spotC3 {
LEFT: 2.5em; POSITION: absolute; TOP: 2em
}
.spotC4 {
LEFT: 2.5em; POSITION: absolute; TOP: 2.5em
}
.spotC5 {
LEFT: 2.5em; POSITION: absolute; TOP: 3.5em
}
BODY {
BACKGROUND-COLOR: #40a040;
background-image:url(bg.gif)
}
#showinput {
position:absolute;
width:243px;
height:29px;
z-index:1;
left: 376px;
top: 210px;
background-color: #FFFFFF;
padding: 10px;
border: 1px dotted #000000;
vertical-align: middle;
}
#showinfo {
position:absolute;
width:200px;
z-index:2;
top: 397px;
background-color: #007D00;
border: 1px solid #000000;
padding: 10px;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
left: 398px;
}
#fenshu{
border: 1px none #FFFFFF;
}
#help{
float:left}
var p = new Array("","","","","","","","","","","","","","");//扑克数组
p[1]="
β
";
p[2]="
β
";
p[3]="
β
";
p[4]="
β
";
p[5]="
β
";
p[6]="
β
";
p[7]="
β
";
p[8]="
β
";
p[9]="
β
";
p[10]="
β
";
p[11]="
β
";
p[12]="
β
";
p[13]="
β
";
//var numarr(); //数组
var numarr = new Array(0,0,0,0,0,0);//数字
var harr = new Array("","","","","","");//花色
var old= new Array("","","","","","");//翻牌前代码
var h,num;
//}
function mkpk(){
//发牌
for (i=1;i<6;i++){
var getcard=markcard();
var number=getcard.substring(1,getcard.length);
var color=getcard.substring(0,1);
if (color=='a')color="spades";//"a"+rnd; //黑桃
else if(color=='b')color="hearts";//"b"+rnd;//红桃
else if(color=='c')color="clubs";//"c"+rnd;//梅花
else if(color=='d')color="diams";//"d"+rnd;//方块
numarr[i]=number;
harr[i]=color;
eval("document.getElementById('n"+i+"').innerHTML=p[number].replace(/beta/g,color);");
}
}
function f(id){
eval("if (document.getElementById('n"+id+"').innerHTML=='')document.getElementById('n"+id+"').innerHTML=old["+id+"];else {old["+id+"]=document.getElementById('n"+id+"').innerHTML;document.getElementById('n"+id+"').innerHTML='';}");
}
function fan(){
for (i=1;i<6;i++){
eval("var getcard=markcard();var color=getcard.substring(0,1);");
if (color=='a')color="spades";//"a"+rnd; //黑桃
else if(color=='b')color="hearts";//"b"+rnd;//红桃
else if(color=='c')color="clubs";//"c"+rnd;//梅花
else if(color=='d')color="diams";//"d"+rnd;//方块
eval("var number=getcard.substring(1,getcard.length);if (document.getElementById('n"+i+"').innerHTML==''){numarr["+i+"]=number;harr["+i+"]=color;document.getElementById('n"+i+"').innerHTML=p[number].replace(/beta/g,color);}");
}
var zhu=document.getElementById("put").value;
//至尊宝1:500
if(zhizunbao()&&tonghua())
eval("alert('恭喜你。至尊宝,赢了 "+zhu*500+"!');upfen("+zhu*500+");reju();")
//同花顺
else if(shunzi()&&tonghua())eval("alert('恭喜你。同花顺,赢了 "+zhu*100+"!');upfen("+zhu*100+");reju();")
//四条
else if(sitiao())eval("alert('恭喜你。四条,赢了 "+zhu*50+"!');upfen("+zhu*50+");reju();")
//同花
else if(tonghua())eval("alert('恭喜你。同花,赢了 "+zhu*16+"!');upfen("+zhu*16+");reju();")
//顺子
else if(shunzi())eval("alert('恭喜你。顺子,赢了 "+zhu*14+"!');upfen("+zhu*14+");reju();")
//三条1:5
else if(santiao())eval("alert('恭喜你。三条,赢了 "+zhu*5+"!');upfen("+zhu*5+");reju();")
//两对1:3
else if(liangdui())eval("alert('恭喜你。两对,赢了 "+zhu*3+"!');upfen("+zhu*3+");reju();")
//单对1:1
else if (dandui())eval("alert('恭喜你。单对,赢了 "+zhu+"!');upfen("+zhu+");reju();");
else eval("alert('对不起。你输了 "+zhu+"!');upfen("+(0-zhu)+");reju();");
}
//判断是否为单对1:1
function dandui(){
for (i=1;i<6;i++){
for (j=1;j
if ((numarr[i]==numarr[j])&&(numarr[j]==1||numarr[j]>10))return(true);
}
}
//判断是否为两对1:3
function liangdui(){
var num1=-1;
for (i=1;i<6;i++){
for (j=1;j
if ((numarr[i]==numarr[j])&&(num1!=-1)&&(num1!=numarr[j]))return(true);
else if(numarr[i]==numarr[j])num1=numarr[j];
}
}
//判断是否为三条1:5
function santiao(){
var num1=-1;
for (i=1;i<6;i++){
for (j=1;j
if ((numarr[i]==numarr[j])&&(num1!=-1)&&(num1==numarr[j]))return(true);
else if(numarr[i]==numarr[j])num1=numarr[j];
}
}
//判断是否为顺子1:14
function shunzi(){
var temparr = new Array(0,numarr[1],numarr[2],numarr[3],numarr[4],numarr[5]);//排序用
for (i=1;i<6;i++){
for (j=1;j
if (temparr[i]
var ti=temparr[i];
temparr[i]=temparr[j];
temparr[j]=ti;
}
//document.getElementById('debug').innerHTML+=temparr[i]+"
"
}
for (i=1;i<5;i++){
if(temparr[1]==1&&temparr[2]==10&&temparr[3]==11&&temparr[4]==12&&temparr[5]==13)return(true);
else if((temparr[i]+1)!=temparr[i+1])return(false);
else if(i==4)return(true);
}
}
//判断是否为同花1:16
function tonghua(){
for (i=1;i<5;i++){
if(harr[i]!=harr[i+1])return(false);
else if(i==4)return(true);
}
}
//判断是否为四条1:50
function sitiao(){
for (i=1;i<6;i++){
var n=0
for(j=i;j<6;j++)
if (numarr[i]==numarr[j])n++;
if (n==4)return(true);
}
}
//判断是否为至尊宝1:500
function zhizunbao(){
var temparr = new Array(0,numarr[1],numarr[2],numarr[3],numarr[4],numarr[5]);//排序用
for (i=1;i<6;i++){
for (j=1;j
if (temparr[i]
var ti=temparr[i];
temparr[i]=temparr[j];
temparr[j]=ti;
}
//document.getElementById('debug').innerHTML+=temparr[i]+"
"
}
for (i=1;i<5;i++){
if(temparr[1]==1&&temparr[2]==10&&temparr[3]==11&&temparr[4]==12&&temparr[5]==13)return(true);
}
}
window.οnlοad=isload;
function isload(){
SetCookie("ju",1);
SetCookie("fen",10000);
document.getElementById("fenshu").value=10000;
}
function upfen(upfen){
var ju=parseInt(GetCookie("ju"));
var fen=parseInt(GetCookie("fen"));
SetCookie("fen",upfen+fen);
document.getElementById("fenshu").value=upfen+fen;
document.getElementById("showinfo").innerHTML = "下注:"+document.getElementById("put").value+"
分数:"+fen+"
操作:第 "+ju+" 局 ";//ss;
}
function upinfo(upfen){
var ju=parseInt(GetCookie("ju"));
var fen=parseInt(GetCookie("fen"));
SetCookie("ju",ju+1);
//SetCookie("fen",upfen+fen);
if(document.getElementById("put").value<100)alert('最少下注100金币!');
else if(document.getElementById("put").value>100000)alert('最多下注100000金币!');
else if((document.getElementById("fenshu").value<=0)||(document.getElementById("fenshu").value
else {
mkpk();
document.getElementById("fenshu").value=upfen+fen;
document.getElementById("showinfo").innerHTML = "下注:"+document.getElementById("put").value+"
分数:"+fen+"
操作:第 "+ju+" 局 ";//ss;
document.getElementById('showbotton').style.visibility='visible';
document.getElementById('showinput').style.visibility='hidden';
}
}
function reju(){
document.all.n1.innerHTML='';
document.all.n2.innerHTML='';
document.all.n3.innerHTML='';
document.all.n4.innerHTML='';
document.all.n5.innerHTML='';
document.getElementById('showinput').style.visibility='visible';
document.getElementById('showbotton').style.visibility='hidden';
old=new Array("","","","","","");//初始化翻牌前代码
cards="0,a1,a2,a3,a4,a5,a6,a7,a8,a9,a10,a11,a12,a13,b1,b2,b3,b4,b5,b6,b7,b8,b9,b10,b11,b12,b13,c1,c2,c3,c4,c5,c6,c7,c8,c9,c10,c11,c12,c13,d1,d2,d3,d4,d5,d6,d7,d8,d9,d10,d11,d12,d13,"; //初始化整个扑克牌数组,防止为空
}
//设置Cookie的函数
function SetCookie(name,value){
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(2
var path=(3
var domain=(4
var secure=(5
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
//读取Cookie的函数
function GetCookie(Name) {
var search = Name + "=";
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search);
if (offset != -1) {
offset += search.length;
end = document.cookie.indexOf(";", offset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset,end));
}
}
return returnvalue;
}
游戏开始前,输入赌注金币额度。按“下注”按钮开始游戏,游戏开始后,鼠标单击可以换牌,按“换牌”按钮确认操作。
赔率:
单对1:1
两对1:3
三条1:5
顺子1:14
同花1:16
四条1:50
同花顺1:100
至尊宝1:500
其中单对时对子必须是J,Q,K,A才算赔率。
你现在拥有金币数:
请下注:
下注:0
分数:10000
操作:第 0 局
posted on 2006-03-29 14:29 汪杰 阅读(422) 评论(0) 编辑 收藏 引用 所属分类: javascript
html编写扑克牌游戏,用js编写扑克牌小游戏相关推荐
- html5猜数字游戏代码,js猜数字小游戏的简单实现代码
复制代码 代码如下: 简易计算机 //获取随机数 function GetRandomNum(Min,Max) { var Range = Max - Min; var Rand = Math.ran ...
- 如何用html5制作抽奖游戏,原生js实现抽奖小游戏
这个小游戏可以设置为抽奖小游戏,也可以设置为随机点名器,这个软件实现可以多次获取同一个元素的 1.HTML结构代码如下: 开始点名 停止 幸运的的你 2.css样式设置页面代码如下: css代码不仅仅 ...
- html js 做的小游戏,用js做一个小游戏平台 (一)
记得上班写代码时,我们技术总监总说是要先"设计",那就先"设计"吧. ps:我是新手大家多多见谅. .网页游戏区域.就是说需要知道游戏在网页上的区域,如下: 在 ...
- php五子棋,JS实现五子棋小游戏
这次给大家带来JS实现五子棋小游戏,JS实现五子棋小游戏的注意事项有哪些,下面就是实战案例,一起来看一下. 思路: 1.先用canvas画五子棋的棋盘 2.获取鼠标点击的位置 3.根据鼠标点击的位置判 ...
- 用Three.js写h5小游戏-3d飞机大战
用Three.js写h5小游戏-飞机大战 博主的话 运行图片 目录路径![在这里插入图片描述](https://img-blog.csdnimg.cn/20190829103702978.jpg?x- ...
- 使用JS实现2048小游戏
JS实现2048小游戏源码 效果图: 代码如下,复制即可使用: (适用浏览器:360.FireFox.Chrome.Opera.傲游.搜狗.世界之窗. 不支持Safari.IE8及以下浏览器.) &l ...
- pixi.js v5 微信小游戏版本
pixi.js v5 微信小游戏群 881784250 历尽千辛万苦, pixi.js v5版本出了. pixi.js是相当完美的 性能是webgl 2d中最强的之一,也许可以把之一去掉 免费不收费 ...
- JS实现细胞自动机小游戏
JS实现细胞自动机小游戏 什么是细胞自动机 细胞自动机游戏规则 JS代码实现 什么是细胞自动机 细胞自动机(Cellular automaton,CA) ,又称元胞自动机,是一种时间.空间.状态都离散 ...
- python简单小游戏代码教程,Python简单小游戏代码
球球各位大神怎么用python写一个猜词小游戏的代码? key = input('请输入一个单词:')description = input('输入单词描述:')chance = 5mark = 5p ...
- 用python做一个简单的游戏,用python写一个小游戏
大家好,本文将围绕如何用python做一个简单的小游戏展开说明,python编写的入门简单小游戏是一个很多人都想弄明白的事情,想搞清楚用python做一个简单的游戏需要先了解以下几个事情. 1.Pyt ...
最新文章
- android手机内存这么大,专业解读:为什么安卓手机的内存越来越大?
- kali在执行 apt-get update 命令时报错的解决方法
- 蓝桥杯 【基础练习】 特殊回文数
- 生成随机数放入整型数组怎么判断有没有重复_图的应用(1)-连通图的最小生成树(Prim算法和Kruskal算法)...
- 浙大计算机 在职博士,浙江大学在职博士含金量高吗?
- ADO.NET教程(一)
- Coursera吴恩达《序列模型》课程笔记(3)-- Sequence models Attention mechanism
- linux 邮件发送时间,Linux-No.04 Linux 设置定时任务发送邮件功能
- docker create_Docker镜像管理(一)
- python字符串用空格切片_Python切片操作去除字符串首尾的空格
- 汇编在嵌入式编程中的作用_如何在嵌入式Power BI报表中以编程方式传递凭据
- CentOS下使用SVN实现多项目管理配置方案
- rails 3环境搭建
- vr全景图制作软件都有哪些?
- 网络视频广告今年起步
- excel单元格内加空格_如何将Excel一个单元格中空格隔开的内容在不同单元格显示...
- emlog模板开发基础2022最新指南
- linux下flock函数,flock()函数 Unix/Linux
- Git学习之回退撤销
- HC595驱动数码管
热门文章
- 互联网思维到底是什么——移动浪潮下的新商业逻辑
- Swift-Moya 源码解析
- ubuntu下载BT种子安装qBittorrent
- STM32——DAC数模转换实验
- element.style样式如何修改
- 自己动手编译最新Android源码及SDK
- 基于51单片机的简易计算器proteus仿真 数码管显示
- ECCV2020:论文解读《Synthesize then Compare: Detecting Failures and Anomalies for Semantic Segmentation》
- 将活跃天数转化为等级,输入等级查询活跃天数
- Android通知渠道