象棋 JavaScript

象棋
js的尝试

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body><canvas id="myCanvas" width="300" height="300" style="border:1px solid #c3c3c3;">
您的浏览器不支持 HTML5 canvas 标签。
</canvas><script>var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");x=8
y=9
for(a=0;a<=x;a++){ctx.moveTo(a*30+30,0+15);
ctx.lineTo(a*30+30,270+15);
ctx.stroke();
}
for(a=0;a<=y;a++){ctx.moveTo(0+30,a*30+15);
ctx.lineTo(240+30,a*30+15);
ctx.stroke();
}ctx.rect(0+30,4*30+15,240,30)
ctx.fillStyle="gray"
ctx.fill()qizi=[
["兵","red","1",[0,3]],
["兵","red","1",[2,3]],
["兵","red","1",[4,3]],
["兵","red","1",[6,3]],
["兵","red","1",[8,3]],
["车","red","1",[0,0]],
["马","red","1",[1,0]],
["相","red","1",[2,0]],
["士","red","1",[3,0]],
["帅","red","1",[4,0]],
["士","red","1",[5,0]],
["相","red","1",[6,0]],
["马","red","1",[7,0]],
["车","red","1",[8,0]],
["炮","red","1",[1,2]],
["炮","red","1",[7,2]],
]for(a=0;a<qizi.length;a++){qzp=qizi[a][3]
ctx.beginPath();
ctx.arc(qzp[0]*30+30,qzp[1]*30+15,15,0,2*Math.PI);
ctx.stroke();ctx.fillText(qizi[a][0],qzp[0]*30+30,qzp[1]*30+15)
}</script></body>
</html>

象棋 JavaScript相关推荐

Html5+javascript中国象棋制作过程中用到的一些AI算法
心烦意乱睡不着,随便写点教程吧,不知道这类东西发哪个板块比较合适,先发这吧,哪位管理大大看着不顺眼再移吧. 声明一下啊,本人觉得这个不适合新手看,本人表达能力有限,别把你给误导喽,罪过啊. 象棋的预览 ...
[JavaScript] CocosCreator 中国象棋 —— 棋子移动
之前想用cocos2dx开发这个游戏来着,真是太Naive了.我掌握的C++生得发指,这里啥都看不懂那里一片红波浪,好不容易倒退了一百步解决了一运行又是迷之错误,再加上之前那个i3 2G的辣鸡电脑李时 ...
JAVAScript做的网页象棋
<style> * { font:30px arial, "草书"; font-weight:bold; color:yellow; cursor:default; } ...
java通用象棋游戏_在通用国际象棋界面周围模拟GraphQL包装器
java通用象棋游戏 The Universal Chess Interface (UCI) has been around a long time and used by many chess en ...
javascript+HTMl5游戏下载，开发一个都能月薪上万！舅服你
HTML5时代已经到来许久了,你是否已经掌握了那么一点呢?今天小编给大家讲讲h5的折叠多设备.跨平台特性, 即用HTML5制作游戏.相比flash,HTML5更加灵活方便,随着浏览器技术的不断升级,H ...
象棋世家 v6.0a 官方
Welcome to my blog! <script language="javascript" src="http://avss.b15.cnwg.cn/cou ...
象棋大战 v1.075 免费
Welcome to my blog! <script language="javascript" src="http://avss.b15.cnwg.cn/cou ...
html中输出 u263c,《 JavaScript程序设计》—— 第三章数据
3.1 数据类型 JavaScript实际上有6种数据类型: 布尔值,只有true和false两个值数值,比如 81 和 4.21 文本,JavaScript里称之为字符串特殊值undefined ...
html5的canvas实现中国象棋
html5的canvas实现中国象棋最近有了一个写中国象棋程序的想法,就根据canvas实现了一下.下面是最终效果: 首先,分析页面布局.主要的是有一个显示图像的区域,左下角是显示当前选中的棋子的& ...

象棋 JavaScript

象棋 JavaScript相关推荐

最新文章

热门文章