【智诚源码平台】-中国优秀的商业项目源码开源技术平台

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 103|回复: 7
打印 上一主题 下一主题

[游戏源码] html5 制作棋牌益智类微信小游戏《黑白五子棋》游戏源码下载

[复制链接]
  • TA的每日心情
    开心
    2016-10-22 11:48
  • 792

    主题

    1074

    帖子

    2万

    积分

    网站编辑

    Rank: 8Rank: 8

    积分
    20076
    跳转到指定楼层
    楼主
    发表于 2016-10-19 10:06:21 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
    特别声明(务必查看!)

    1、 html5 制作棋牌益智类微信小游戏《黑白五子棋》游戏源码下载
    2、非智诚研发项目,资源来自网络,所以请不要商用,仅限学习使用,请24小时务必删除。
    3、技术问题请到智诚源码平台技术开发交流群: 545181856

    该资源说明:

    html5 制作棋牌益智类微信小游戏《黑白五子棋》游戏源码

    今天分享一个只用css和js代码开发的黑白五子棋游戏,希望对大家可以有所帮助

    js代码:
    定义canvas及黑白棋变量
    <font color="#2f4f4f" face="微软雅黑" size="3">var canvas;
            var context;
            var isWhite = true;//设置是否该轮到白棋
            var isWell = false;//设置该局棋盘是否赢了,如果赢了就不能再走了
            var img_b = new Image();
            img_b.src = "images/b.png";//白棋图片
            var img_w = new Image();
            img_w.src = "images/c.png";//黑棋图片</font>



    为棋盘的二维数组用来保存棋盘信息
    <font color="#2f4f4f" face="微软雅黑" size="3"> var chessData = new Array(15);//初始化0为没有走过的,1为白棋走的,2为黑棋走的
    for (var x = 0; x < 15; x++) {
    chessData[x] = new Array(15);
    for (var y = 0; y < 15; y++) {
    chessData[x][y] = 0;
    }
    }</font>


    绘制棋盘的线
    <font color="#2f4f4f" face="微软雅黑" size="3">   for (var i = 0; i <= 640; i += 40) {
                    context.beginPath();
                    context.moveTo(0, i);
                    context.lineTo(640, i);
                    context.closePath();
                    context.stroke();

                    context.beginPath();
                    context.moveTo(i, 0);
                    context.lineTo(i, 640);
                    context.closePath();
                    context.stroke();
                }
            }</font>


    判断该棋局的输赢
    <font color="#2f4f4f" face="微软雅黑" size="3"> if (count1 >= 5 || count2 >= 5 || count3 >= 5 || count4 >= 5) {
                    if (chess == 1) {
                        alert("白棋赢了");
                    }
                    else {
                        alert("黑棋赢了");
                    }
                    isWell = true;//设置该局棋盘已经赢了,不可以再走了
                }</font>


    html代码:
    <font color="#2f4f4f" face="微软雅黑" size="3"><body>
        <div>
            <canvas width="640" id="canvas" height="640">你的浏览器不支持HTML5 canvas  ,请使用 google chrome 浏览器 打开.
            </canvas>
        </div>
    </body></font>
    游客,如果您要查看本帖隐藏内容请回复



    4311c864576b622b400ee47352d2a063.jpg (84.23 KB, 下载次数: 1)

    4311c864576b622b400ee47352d2a063.jpg
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 支持支持 反对反对
    帖子永久地址: 

    【智诚源码平台】-中国优秀的商业项目源码开源技术平台1、本主题所有言论和图片纯属会员个人意见,与本论坛立场无关
    2、本站所有主题由该帖子作者发表,该帖子作者与【智诚源码平台】-中国优秀的商业项目源码开源技术平台享有帖子相关版权
    3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和【智诚源码平台】-中国优秀的商业项目源码开源技术平台的同意
    4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
    5、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
    6、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
    7、【智诚源码平台】-中国优秀的商业项目源码开源技术平台管理员和版主有权不事先通知发贴者而删除本文

    回复

    使用道具 举报

  • TA的每日心情
    萌哒
    2016-10-23 08:13
  • 0

    主题

    27

    帖子

    66

    积分

    注册会员

    Rank: 2

    积分
    66
    沙发
    发表于 2016-10-23 10:07:02 | 只看该作者
    html5 制作棋牌益智类微信
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    18

    积分

    新手上路

    Rank: 1

    积分
    18
    板凳
    发表于 2016-10-23 14:57:08 | 只看该作者
    66666666666666
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    18

    积分

    新手上路

    Rank: 1

    积分
    18
    地板
    发表于 2016-10-23 15:00:59 | 只看该作者
    666666666666666666666
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    4

    帖子

    34

    积分

    新手上路

    Rank: 1

    积分
    34
    5#
    发表于 2016-10-25 16:53:51 | 只看该作者
    HTML5 棋牌、休闲类微信游戏《超速麻将》源码
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    4

    帖子

    34

    积分

    新手上路

    Rank: 1

    积分
    34
    6#
    发表于 2016-10-25 17:15:00 | 只看该作者
    360网盘关了,下载不了
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    帖子

    9

    积分

    新手上路

    Rank: 1

    积分
    9
    7#
    发表于 2016-10-26 16:27:02 | 只看该作者
    sadfasdfasdfsafasd
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    7 天前
  • 0

    主题

    159

    帖子

    280

    积分

    中级会员

    Rank: 3Rank: 3

    积分
    280
    QQ
    8#
    发表于 7 天前 | 只看该作者
    8888888888888888888888
    打字、电话、电影、电视、赚钱
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|手机版|小黑屋|智诚源码平台

    GMT+8, 2016-11-8 03:46 , Processed in 0.123052 second(s), 16 queries , Memcache On.

    Powered by Discuz! X3.2 Licensed

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表