Vue实现单机五子棋（附源码）

最新推荐文章于 2024-07-24 14:58:19 发布
最新推荐文章于 2024-07-24 14:58:19 发布
阅读量1.6k 收藏 4
点赞数 7
分类专栏： H5小游戏 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sclarkca56/article/details/125149446
版权

​ 这是用Vue写的五子棋，纯前端手工实现，棋盘是自己画的，data里面的mapFlag的值是确定棋盘每个格子该怎么画，userPieceType 表示当前落子的棋子类型，黑子用1表示，白子用-1表示，0表示该处还没有棋子。drawWhite(cxt)，drawBlack(cxt)分别是画白棋和黑棋的。画棋子之前会有一个判断，判断是否能落子。

​ drawPiecePre()：显示当前鼠标预落子区域，在有棋子的区域将不显示预落子。配合cancelDrawPiecePre()使用的。

​ 判断胜负的算法很简单，对当前落子位子进行搜索，先搜索该棋子左上角射线上同类连续棋子个数a（不计算当前落点），在搜索该棋子右下角射线上同类连续棋子个数b（不计算当前落点），若a+b>=4 ,则游戏结束，其他四条直线也是类似的算法。代码请看check()函数。

这是全部代码， 欢迎一起讨论。：

<template>
    <div class="view">
        <el-row :gutter="24">
            <el-col :span="4">
                <div class="sideView">
                    <el-card>左边区域</el-card>
                </div>
            </el-col>
            <el-col :span="16">
                <div class="centerView">
                    <el-menu
                        :default-active="activeIndex"
                        class="el-menu-demo"
                        mode="horizontal"
                        @select="handleSelect"
                        background-color="#545c64"
                        text-color="#fff"
                        active-text-color="#ffd04b">
                        <el-menu-item index="1">还没有想好</el-menu-item>
                        <el-submenu index="2">
                            <template slot="title">没得东西</template>
                            <el-menu-item index="2-1">选项1</el-menu-item>
                            <el-menu-item index="2-2">选项2</el-menu-item>
                            <el-menu-item index="2-3">选项3</el-menu-item>
                            <el-submenu index="2-4">
                                <template slot="title">选项4</template>
                                <el-menu-item index="2-4-1">选项1</el-menu-item>
                                <el-menu-item index="2-4-2">选项2</el-menu-item>
                                <el-menu-item index="2-4-3">选项3</el-menu-item>
                            </el-submenu>
                        </el-submenu>
                        <el-menu-item index="3" disabled>还没开发出来</el-menu-item>
                        <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">还没开发</a></el-menu-item>
                    </el-menu>
                    <el-card>
                        <el-row :gutter="24">
                            <el-col :span="16" :offset="1">
                                <div class="gameArea">
                                    <el-row v-for="(row,rowIndex) in map" :key="rowIndex">
                                        <el-col v-for="(col, colIndex) in map[rowIndex]" :key="colIndex"
                                                :class="col===1?'mycell':'mycell'">
                                            <canvas :id="createId(rowIndex,colIndex)" width="42" height="42"
                                                    class="mypiece"
                                                    @mouseover="drawPiecePre(createId(rowIndex,colIndex),userPieceType,rowIndex,colIndex)"
                                                    @mouseleave="cancelDrawPiecePre(createId(rowIndex,colIndex),userPieceType,rowIndex,colIndex)"
                                                    @click="putPiece(createId(rowIndex,colIndex),userPieceType,rowIndex,colIndex)"></canvas>
                                        </el-col>
                                    </el-row>
                                </div>
                            </el-col>
                            <el-col :span="4">
                                <el-button @click="initGame" type="primary" v-if="gameFlag">开始游戏</el-button>
                                <el-button @click="initGame" type="danger" v-else>重新开始</el-button>
                            </el-col>
                        </el-row>
                    </el-card>
                </div>
            </el-col>
            <el-col :span="4">
                <div class="sideView">
                    <el-card>右边区域</el-card>
                    <el-card>当前棋子数量：{{ pieceNum }}</el-card>
                </div>
            </el-col>
        </el-row>
    </div>
</template>


<script>
var dc = document
export default {
    name: "Wuziqi",
    data() {
        return {
            activeIndex: '1',
            map: [],
            mapFlag: [
                [1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 3],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 0, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 0, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 0, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 0, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 0, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [4, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 6],
                [7, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 9]
            ],
            mapKey: 0,
            
            userPieceType: 1,
            pieceNum: 0,
            ps: [
                [-1, -1],
                [1, 1],
                [0, -1],
                [0, 1],
                [1, -1],
                [-1, 1],
                [-1, 0],
                [1, 0]
            ],
            gameFlag: true,
            
            allWidth: 0,
            allHeight: 0,
            currentId: "",
            
        }
    },
    methods: {
        
        
        createId(x, y) {
            return x + '-' + y;
        },
        initGame() {
            let xArray = new Array(19);
            for (let i = 0; i < 19; i++) {
                xArray[i] = new Array(19)
            }
            for (let i = 0; i < 19; i++) {
                for (let j = 0; j < 19; j++) {
                    xArray[i][j] = 0;
                }
            }
            this.map = xArray;
            this.pieceNum = 0
            this.gameFlag = true
            let that = this
            setTimeout(function () {
                that.drawMap(xArray);
            }, 1000)
            
        },
        
        // 判断输赢
        check(current, map) {
            // console.log(map)
            let ps = this.ps
            let res = []
            let num = 1;
            for (let item = 0; item < ps.length; item++) {
                if (item % 2 == 0) {
                    res.push(num)
                    num = 1
                }
                let position = [current[0], current[1]]
                position[0] = position[0] + ps[item][0]
                position[1] = position[1] + ps[item][1]
                let piece = this.inMap(position, map)
                while (piece == current[2]) {
                    position[0] = position[0] + ps[item][0]
                    position[1] = position[1] + ps[item][1]
                    num = num + 1
                    if (num == 5) {
                        return "win"
                        console.log("win")
                    }
                    piece = this.inMap(position, map)
                }
            }
            console.log("continue")
            return "continue"
        },
        inMap(position, map) {
            
            if (position[0] >= 0 && position[0] < 19 &&
                position[1] >= 0 && position[1] < 19)
                return map[position[0]][position[1]]
            else
                return -2
        },
        
        
        putPiece(id, type, x, y) {
            if (!this.gameFlag) {
                // 游戏已经结束
                return
            }
            console.log("当前棋子：", type == 1 ? "黑棋" : "白棋", type)
            let map = this.map;
            if (map[x][y]) {
                this.$message.error("换个地方落子吧")
                return
            }
            var c = dc.getElementById(id);
            var cxt = c.getContext("2d")
            if (type == 1) {
                this.drawBlack(cxt)
            } else if (type == -1) {
                this.drawWhite(cxt)
            }
            this.putNum(id,type,x,y);
            this.map[x][y] = type
            this.mapKey = this.mapKey + 1
            let position = [x, y, type]
            let res = this.check(position, map)
            this.pieceNum = this.pieceNum + 1
            let temnum = this.pieceNum
            let str = type == 1 ? "黑棋" : "白棋"
            if (res == "win") {
                this.$message.success("恭喜" + str + "获胜")
                this.gameFlag = false
            } else {
                this.userPieceType = 0 - type
            }
           
        },
        drawPiecePre(id, type, x, y) {
            if (!this.gameFlag) {
                // 游戏已经结束
                return
            }
            let map = this.map
            if (map[x][y] != 0)
                return
            var c = dc.getElementById(id);
            var cxt = c.getContext("2d")
            if (type == 1) {
                this.drawBlack(cxt)
            } else if (type == -1) {
                this.drawWhite(cxt)
            }
        },
        cancelDrawPiecePre(id, type, x, y) {
            // 取消预先画好的棋子
            if (this.map[x][y] != 0)
                return
            let mapImg = this.mapFlag;
            var c = dc.getElementById(id)
            var cxt = c.getContext("2d");
            if (this.map[x][y] == 0) {
                cxt.clearRect(0, 0, 42, 42)
            } else {
                return
            }
            console.log("离开了")
            switch (mapImg[x][y]) {
                case 0:
                    this.draw05(cxt);
                    this.draw00(cxt);
                    break;
                case 1:
                    this.draw01(cxt);
                    break;
                case 2:
                    this.draw02(cxt);
                    break;
                case 3:
                    this.draw03(cxt);
                    break;
                case 4:
                    this.draw04(cxt);
                    break;
                case 5:
                    this.draw05(cxt);
                    break;
                case 6:
                    this.draw06(cxt);
                    break;
                case 7:
                    this.draw07(cxt);
                    break;
                case 8:
                    this.draw08(cxt);
                    break;
                case 9:
                    this.draw09(cxt);
                    break;
            }
            
        },
        putNum(id, type, x, y){
            var c = dc.getElementById(id);
            var cxt = c.getContext("2d")
            let color = ""
            if(type == 1){
                color = "#FFFFFF"
            }else{
                color = "#000000"
            }
            let num = this.pieceNum + 1
            this.drawNum(cxt,color,num)
        },
        
        drawMap(map) {
            let mapImg = this.mapFlag;
            for (let i = 0; i < 19; i++) {
                for (let j = 0; j < 19; j++) {
                    var cellId = i + "-" + j;
                    var c = dc.getElementById(cellId)
                    var cxt = c.getContext("2d");
                    cxt.clearRect(0, 0, 42, 42)
                    switch (mapImg[i][j]) {
                        case 0:
                            this.draw05(cxt);
                            this.draw00(cxt);
                            // this.drawWhite(cxt)
                            break;
                        case 1:
                            this.draw01(cxt);
                            break;
                        case 2:
                            this.draw02(cxt);
                            break;
                        case 3:
                            this.draw03(cxt);
                            break;
                        case 4:
                            this.draw04(cxt);
                            break;
                        case 5:
                            this.draw05(cxt);
                            break;
                        case 6:
                            this.draw06(cxt);
                            break;
                        case 7:
                            this.draw07(cxt);
                            break;
                        case 8:
                            this.draw08(cxt);
                            break;
                        case 9:
                            this.draw09(cxt);
                            break;
                    }
                    // console.log("画好了")
                }
            }
        },
        drawWhite(cxt) {
            cxt.fillStyle = '#FFFFFF';
            // cxt.fillStyle = "#000000";
            cxt.beginPath();
            cxt.arc(21, 21, 16, 0, Math.PI * 2, true);
            cxt.closePath();
            cxt.fill();
            cxt.fillStyle = "#000000"
            cxt.beginPath();
            cxt.arc(21, 21, 17, 0, Math.PI * 2, true);
            cxt.stroke();
            
        },
        drawBlack(cxt) {
            cxt.fillStyle = "#000000";
            cxt.beginPath();
            cxt.arc(21, 21, 16, 0, Math.PI * 2, true);
            cxt.closePath();
            cxt.fill();
        },
        drawNum(cxt, fillStyle, num){
            cxt.font = '24px Georgia'
            // cxt.fontSize = "16px"
            cxt.fillStyle = fillStyle
            cxt.fillText(num+"",14,26)
        },
        draw00(cxt) {
            cxt.fillStyle = "#000000";
            cxt.beginPath();
            cxt.arc(21, 21, 6, 0, Math.PI * 2, true);
            cxt.closePath();
            cxt.fill();
        },
        draw01(ctx) {
            ctx.fillStyle = "#000000"
            ctx.fillRect(19, 19, 4, 23)
            ctx.fillRect(19, 19, 23, 4)
        },
        draw02(ctx) {
            ctx.fillStyle = "#000000"
            ctx.fillRect(0, 19, 42, 4)
            ctx.fillRect(20, 20, 2, 42)
        },
        draw03(ctx) {
            ctx.fillStyle = "#000000"
            ctx.fillRect(0, 19, 22, 4)
            ctx.fillRect(19, 19, 4, 42)
        },
        draw04(ctx) {
            ctx.fillStyle = "#000000"
            ctx.fillRect(19, 0, 4, 42)
            ctx.fillRect(20, 20, 22, 2)
        },
        draw05(ctx) {
            ctx.fillStyle = "#000000"
            ctx.fillRect(20, 0, 2, 42)
            ctx.fillRect(0, 20, 42, 2)
        },
        draw06(ctx) {
            ctx.fillStyle = "#000000"
            ctx.fillRect(19, 0, 4, 42)
            ctx.fillRect(0, 20, 22, 2)
        },
        draw07(ctx) {
            ctx.fillStyle = "#000000"
            ctx.fillRect(19, 0, 4, 22)
            ctx.fillRect(19, 19, 25, 4)
        },
        draw08(ctx) {
            ctx.fillStyle = "#000000"
            ctx.fillRect(0, 19, 42, 4)
            ctx.fillRect(20, 0, 2, 22)
        },
        draw09(ctx) {
            ctx.fillStyle = "#000000"
            ctx.fillRect(0, 19, 22, 4)
            ctx.fillRect(19, 0, 4, 22)
        },
        handleSelect(key, keyPath) {
            console.log(key, keyPath);
        }
    },
    mounted() {
        this.initGame()
        // this.test();
        this.allWidth = window.innerWidth;
        this.allHeith = window.innerHeight;
        console.log("运行了", this.allWidth, this.allHeith)
    }
}
</script>

<style scoped>
.mypiece {
    /*box-shadow:3px 3px 5px;*/
}

.mycell {
    width: 42px !important;
    height: 42px !important;
    inset-inline: auto;
    background-color: beige;
    
}

.mycellstyle {
    width: 42px !important;
    height: 42px !important;
}

.gameArea {
    /*background-color:white;*/
    background-color: antiquewhite;
    width: 100%;
    height: 100%;
    min-height: 700px;
    min-width: 800px!important;
    max-width: 800px
;

}

.el-col-16 {
    padding: 2px !important;
}

.el-col-4 {
    padding: 2px !important;
}

.centerView {
    background-color: aqua;
    height: 100%;
    width: 100%;
    min-height: 900px;
    padding: 0 !important;
    margin: 0 !important;
}

.sideView {
    background-color: aquamarine;
    height: 100%;
    width: 100%;
    min-height: 900px;
    padding: 0 !important;
    margin: 0 !important;
}

.view {
    /*width: 100%;*/
    /*height: 100%;*/
    max-width: 1900px;
}
</style>

点赞加收藏超过30，将实现联机对战版的。
点赞加收藏超过30，将实现联机对战版的。
点赞加收藏超过30，将实现联机对战版的。

点赞加收藏超过60，你们评论我来改！
点赞加收藏超过60，你们评论我来改！
点赞加收藏超过60，你们评论我来改！

欢迎私信来催！

鑫鑫点点
关注
  • 7
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
五子棋联机对战（JAVA实现）含源码
mingzibeizhancao的博客
07-10 5776
本次面向对象编程课程设计，是制作一款五子棋联机对战游戏。在上学期做过一款五子棋单机版，其耦合度低，便将其拿来直接制作联机版本。 主要应用的技术：C/S架构 JAVA swing,JAVA socket,mysql+jdbc,多线程等，这里我着重把与网络传输的知识点进行细讲。 1.首先，什么是C/S架构？ 服务器-客户机，即Client-Server(C/S)结构。C/S结构通常采取两层结构。服务器负责数据的管理，客户机负责完成与用户的交互任务。 在C/S结构中，应用程序分为两部分:服务器部分和客户机部分。服
五子棋，基于java，vue3，可在线，人机对战五子棋.zip
05-26
五子棋，基于java，vue3，可在线，人机对战五子棋.zip
基于SSM和VUE的五子棋游戏的设计（免费提供全套java开源项目源码+论文）
murmuringsOfAJi的博客
05-13 804
随着互联网技术的迅速发展，网络游戏已成为现代人休闲娱乐的重要方式之一。五子棋，作为一种古老而经典的棋类游戏，因其规则简单、趣味性强，深受广大用户的喜爱。本项目旨在利用当前流行的Web开发技术，设计并实现一个基于SSM框架和Vue前端技术的五子棋在线对战平台，提供优质的用户体验，同时具备高效的数据处理能力和良好的系统稳定性，满足现代网络用户的娱乐需求。
express+vue 在线五子棋(一)
qq_42451776的博客
06-23 1396
示例 本期难点 1、完成了五子棋的布局，判断游戏结束 2、基本的在线对战 3、游戏配套im(这个im的实现，请移步在线im) 下棋安排 1、每步的倒计时设置 2、黑白棋分配由玩家自定义 3、新增旁观者 4、悔棋 5、自行创建一盘棋局 感兴趣的，还请点个免费的收藏与关注，后续会一直跟进这个系列 前端部分五子棋布局与游戏输赢判断 <template> <div class="flex-wrap flex-justify-between"> <div cla
Html+Vue实现五子棋游戏（单机版）
黄瓜炒鸡蛋的博客
08-05 2055
html+vue实现单机五子棋，后续跟进网络版
五子棋项目
weixin_52748001的博客
08-26 1292
网页版五子棋的基本思路及实现。
五子棋-单机游戏-微信小游戏项目开发入门
TA远方
03-03 5708
五子棋小游戏，入门简单，手把手教做微信小游戏，小程序
Vue实例 - 收藏集 - 掘金
weixin_34306593的博客
05-23 299
Vue.js 全家桶高还原网易云音乐 (Windows PC 版) - 前端 - 掘金项目地址 由于网易云的api限制，部分功能可能会失效，如有需要可以clone项目下来在本地运行，如果api炸了，... 前端 vue2 + 后端 koa2, 全栈式开发 bilibili 首页 - 前端 - 掘金预览地址： http://www.lybe...
vue(8) - 收藏集 - 掘金
weixin_34162228的博客
05-12 635
2017 百度前端技术学院——vue 源码分析之动态数据绑定一 - 前端 - 掘金一、Object.keys() Object.keys()方法会返回一个由给定对象的所有可枚举自身属性的属性名组成的数组，数组中属性名的排列顺序和使用(for in)循环遍历该对象时返回的顺序一致 (顺序一致不包括数字属性)（两... [[Vue 2] 新版...
vue(9) - 收藏集 - 掘金
weixin_34249678的博客
05-12 1076
Vue.js 自定义指令的用法与实例 - 前端 - 掘金市面上大多数关于Vue.js自定义指令的文章都在讲语法，很少讲实际的应用场景和用例，以致于即便明白了怎么写，也不知道怎么用。本文不讲语法，就讲自定义指令的用法。 自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。... Vue中你不知道但却...
vue实现五子棋游戏
11-20
在本文中，我们将探讨如何使用Vue.js框架来实现一个五子棋游戏。Vue.js是一个流行的JavaScript库，用于构建用户界面，特别适合构建单页应用程序。下面我们将详细解析这个五子棋游戏的实现步骤： 1. **创建五子棋空...
VUE实现购物商城网站源码
12-18
VUE实现购物商城网站源码，商城网站源码，实现了商城登录注册页面、商城主页面、商品列表页面、商品详细页面、购物车页面，可以在这个模板下借用相关代码，代码上手简单，代码独立，可以直接使用。也可直接预览效果...
基于Vue的数据大屏设计源码
04-15
基于Vue的数据大屏设计源码，该项目包含73个文件，主要文件类型有32个png图像文件，以及15个vue前端文件。...该项目是一个基于Vue的数据大屏设计源码，可能涉及用户界面设计、应用逻辑实现、数据存储等多个方面。
基于vue3实现飞机大战游戏源码.zip
03-03
基于vue3实现飞机大战游戏源码.zip Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and minifies for production yarn build Lints and fixes files yarn lint
我开发了《联机桌游合集: UNO+斗地主+五子棋》，让你享受纯粹的游戏
Hull Qin
08-01 8060
《联机桌游合集》是我独立开发的H5小游戏，目前包括3款游戏：支持2-10人联机的UNO、2-4人的斗地主、1-2人的五子棋。本文介绍了其中的技术选型，以及一些技术亮点。相信一定会给你些启发。
计算机毕业设计Django+Vue.js知识图谱音乐推荐系统 音乐爬虫可视化 音乐数据分析 大数据毕设 大数据毕业设计 机器学习 深度学习 人工智能
从业计算机毕业设计10年，打算用一年时间分享10年毕设经验！
07-23 503
计算机毕业设计Django+Vue.js知识图谱音乐推荐系统 音乐爬虫可视化 音乐数据分析 大数据毕设 大数据毕业设计 机器学习 深度学习 人工智能
Python Formulas模型以JSON格式文件导出导入
Humbunklung的专栏
07-23 394
Python Formulas库，JSON格式导出导入。
vue3——利用自定义指令实现下拉框分页懒加载
最新发布
zmy967131的博客
07-24 365
vue3——利用自定义指令实现下拉框分页懒加载
spring boot+vue3实现五子棋
05-14
Spring Boot 是一个基于 Spring 框架的快速开发框架，通过它可以快速构建 Web 应用程序。而 Vue.js 是一款前端框架，它通过数据驱动来构建 SPA（单页应用），其核心思想是组件化和声明式渲染。 要在 Spring Boot 中实现五子棋游戏，我们可以使用 Spring Boot 的 Web、WebSocket、Thymeleaf 等模块，来实现服务器端实时通信和数据处理，同时还需要使用一个 UI 组件库，如 Element UI，来完成前端界面搭建。 在前端方面，我们可以使用 Vue.js 3 来进行开发，使用其提供的单文件组件技术，将五子棋游戏的不同部分封装成独立的组件，便于开发和维护，同时还可以使用 Vue.js 提供的 Vuex 来进行状态管理和数据共享。 最终，我们可以将 Spring Boot 后端和 Vue.js 前端进行整合，并使用 WebSocket 实现实时通信，让多个玩家同时在线对战五子棋。同时，我们可以在服务器端使用算法来判断游戏的胜负情况，并将结果实时通知给客户端，以保证游戏的正常进行。 总之，通过使用 Spring Boot 和 Vue.js 3，我们可以快速开发出一个具有实时通信功能的五子棋游戏，能够给用户带来更好的游戏体验。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值