中国象棋【附源码】

简介: 中国象棋【附源码】

1 前言

🚀获取源码,文末公众号回复【中国象棋】,即可。

⭐欢迎点赞留言

2 正文

2.1 展示预览

image.png

中国象棋

13MB GIF可以欣赏:

https://tvax1.sinaimg.cn/large/007F3CC8ly1h1qu2cn52ig30ug0lx1kx.gif



2.2 项目结构

2.2 主要代码展示

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>HTML5实现中国象棋游戏 </title>
<link href="css/zzsc.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="box" id="box">
  <div class="chess_left">
    <canvas id="chess">对不起,您的浏览器不支持HTML5,请升级浏览器至IE9、firefox或者谷歌浏览器!</canvas>
    <audio src="audio/click.wav" id="clickAudio" preload="auto"></audio>
    <!--<audio src="audio/check.wav" id="checkAudio" preload="auto"></audio>-->
    <audio src="audio/select.wav" id="selectAudio" preload="auto"></audio>
    <div>
      <div class="bn_box" id="bnBox">
        <input type="button" name="offensivePlay" id="tyroPlay" value="新手水平" />
        <input type="button" name="offensivePlay" id="superPlay" value="中级水平" />
                <input type="button" name="button" id="" value="大师水平" disabled />
        <!--
      <input type="button" name="offensivePlay" id="offensivePlay" value="先手开始" />
      <input type="button" name="defensivePlay" id="defensivePlay" value="后手开始" />
      -->
        <input type="button" name="regret" id="regretBn" value="悔棋" />
        <input type="button" name="billBn" id="billBn" value="棋谱" class="bn_box" />
        <input type="button" name="stypeBn" id="stypeBn" value="换肤" />
      </div>
    </div>
  </div>
  <div class="chess_right" id="chessRight">
    <select name="billList" id="billList">
    </select>
    <ol id="billBox" class="bill_box">
    </ol>
  </div>
  <div id="moveInfo" class="move_info"> </div>
</div>
<script src="js/common.js"></script> 
<script src="js/play.js"></script> 
<script src="js/AI.js"></script> 
<script src="js/bill.js"></script> 
<script src="js/gambit.js"></script>
<div style="text-align:center;clear:both">
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>

</div>
</body>
</html>

源码下载

不会还有人没 点赞 + 关注 + 收藏 吧!


目录
相关文章
|
前端开发 JavaScript
中秋之美——html+css+js制作中秋网页
中秋之美——html+css+js制作中秋网页
694 0
中秋之美——html+css+js制作中秋网页
|
6月前
情人节浪漫3D照片墙【附源码】
情人节浪漫3D照片墙【附源码】
57 4
|
3月前
|
SQL 前端开发 BI
情侣小窝 Like_Girl源码V5.1.1
前后端都是使用了 grid 栅格 flex 弹性布局 高斯模糊效果 前端简约配色没有过多的复杂效果 前端首页分四个子页面 点点滴滴 留言板 关于我们 恋爱列表
24 0
情侣小窝 Like_Girl源码V5.1.1
|
4月前
|
前端开发
七夕特效惊艳全场!HTML+CSS带你DIY酷炫表白神器
七夕特效惊艳全场!HTML+CSS带你DIY酷炫表白神器
|
7月前
|
算法 Java 定位技术
分享104个益智休闲安卓游戏源码,总有一款适合你
分享104个益智休闲安卓游戏源码,总有一款适合你
411 1
|
6月前
俄罗斯方块【附源码】
俄罗斯方块【附源码】
47 1
俄罗斯方块【附源码】
|
6月前
打地鼠【附源码】
打地鼠【附源码】
66 1
打地鼠【附源码】
|
6月前
超级马里奥【附源码】
超级马里奥【附源码】
96 3
超级马里奥【附源码】
|
6月前
浪漫3D圣诞树特效【附源码】Merry Christmas to My Girl !
浪漫3D圣诞树特效【附源码】Merry Christmas to My Girl !
55 1