workman在线五子棋

一、下载安装workman,地址：https://github.com/walkor/workerman

composer require workerman/workerman

二、cd到workerman项目根目录下，在workerman根目录下新建game.php,然后编写五子棋服务端交互代码

<?php
use Workerman\Worker;
require_once __DIR__ . '/vendor/autoload.php';

$global_uid = 0;
//棋盘大小，默认15行15列
$global_i = 15;
$global_j = 15;

// 当客户端连上来时分配uid
function handle_connection($connection)
{
    global $text_worker, $global_uid, $global_i, $global_j;
    // 为这个链接分配一个uid
    $connection->uid = ++$global_uid;
    $text_worker->uidConnections[$connection->uid] = array('cons' => $connection);
    $text_worker->user_data[$connection->uid] = array('playing' => 0, 'name' => '玩家' . $connection->uid, 'qipan' => array(), 'type' => 0, 'move' => 0);
    $json = array('status' => 1, 'msg' => '', 'data' => array());
    $json['data']['name'] = $text_worker->user_data[$connection->uid]['name'];
    $connection->send(json_encode($json)); //生成玩家昵称
    echo "player {$connection->uid} connected!\n";
    //分配对手
    foreach ($text_worker->user_data as $k => $val) {
        /*var_dump($val['playing']);*/
        if ($val['playing'] == 0 && $k != $connection->uid) {
            //初始化棋盘
            $init_data = array();
            for ($i = 0; $i <= $global_i; $i++) {
                for ($j = 0; $j <= $global_j; $j++) {
                    $init_data[$i][$j] = 0;
                }
            }
            $text_worker->user_data[$k]['qipan'] = $init_data;
            $text_worker->user_data[$connection->uid]['qipan'] = $init_data;
            $text_worker->user_data[$k]['playing'] = $connection->uid;
            $text_worker->user_data[$connection->uid]['playing'] = $k;

            //分配红黑方
            $text_worker->user_data[$k]['type'] = 1;
            $text_worker->user_data[$k]['move'] = 1;
            $text_worker->user_data[$connection->uid]['type'] = 2;
            $text_worker->user_data[$connection->uid]['move'] = 0;
            $json = array('status' => 2, 'msg' => '初始化棋盘...', 'data' => array());
            $json['data']['qipan'] = $init_data;
            $text_worker->uidConnections[$k]['cons']->send("为你匹配到对手{$text_worker->user_data[$connection->uid]['name']}!");
            $text_worker->uidConnections[$connection->uid]['cons']->send("为你匹配到对手{$val['name']}!");

            break;
        }
    }

    /*var_dump($text_worker->user_data);*/
}

// 当客户端发送消息过来时
function handle_message($connection, $data)
{
    global $text_worker, $global_i, $global_j;
    $data = json_decode($data, true);

    if ($data['status'] == 2 && $text_worker->user_data[$connection->uid]['playing'] > 0 && $text_worker->user_data[$connection->uid]['move'] == 1) {
        $my_uid = $connection->uid;
        $your_uid = $text_worker->user_data[$my_uid]['playing'];
        $qipan = $text_worker->user_data[$your_uid]['qipan'];
        $press = explode('_', $data['data']);
        array_shift($press);

        if (!empty($press)) {
            $press_val = $qipan[$press[0]][$press[1]];
            if ($press_val != 0) {
                return;
            } else {
                $qipan[$press[0]][$press[1]] = $text_worker->user_data[$my_uid]['type'];
                $text_worker->user_data[$my_uid]['qipan'] = $qipan;
                $text_worker->user_data[$your_uid]['qipan'] = $qipan;
                $text_worker->user_data[$your_uid]['move'] = 1;
                $text_worker->user_data[$my_uid]['move'] = 0;
                $json = array('status' => 2, 'msg' => '', 'data' => array());
                $json['data']['type'] = $text_worker->user_data[$my_uid]['type'];
                $json['data']['press_i'] = $press[0];
                $json['data']['press_j'] = $press[1];
                $text_worker->uidConnections[$my_uid]['cons']->send(json_encode($json));
                $text_worker->uidConnections[$your_uid]['cons']->send(json_encode($json));
                $count = get_who_win($qipan, $press[0], $press[1], $text_worker->user_data[$my_uid]['type'], $global_i, $global_j);
                file_put_contents('./qipan', json_encode($qipan));
                if ($count >= 5) { //分出胜负
                    $json = array('status' => 3, 'msg' => $text_worker->user_data[$my_uid]['name'] . ' 获胜 !', 'data' => array());
                    $json['data']['type'] = $text_worker->user_data[$my_uid]['type'];
                    $text_worker->uidConnections[$my_uid]['cons']->send(json_encode($json));
                    $text_worker->uidConnections[$your_uid]['cons']->send(json_encode($json));
                }
            }
        }
    }
}

// 当客户端断开时，广播给所有客户端
function handle_close($connection)
{
    global $text_worker;
    /*foreach ($text_worker->connections as $conn) {
$conn->send("user[{$connection->uid}] logout");
}*/
}

/**
 * 判断输赢
 * $qipan 棋盘数据
 * $i 下子时的横坐标
 * $i 下子时的纵坐标
 * $type 1黑方 2红方
 * $global_i 棋盘边界值
 * $global_j 棋盘边界值
 */
function get_who_win($qipan = array(), $i = -1, $j = -1, $type = 0, $global_i = 0, $global_j = 0)
{
    $count = 0;
    $temp_type = $type;
    if (empty($qipan) || $i < 0 || $j < 0 || $type <= 0) {
        return $count;
    }
    echo json_encode($qipan) . "\n";
    echo 'i=' . $i . '|j=' . $j . '|type=' . $type . '|gi=' . $global_i . '|gj=' . $global_j . "\n";
    /*左右上下的判断*/
    $count = 1;
    $a = array(
        0 => array('index' => $j, 'border' => $global_j), //左右,
        1 => array('index' => $i, 'border' => $global_i) //上下
    );

    for ($round = 0; $round <= 1; $round++) {
        $mov1_num = 1;
        $mov2_num = 1;
        while (true) {
            $mov1 = $a[$round]['index'] + $mov1_num;
            $mov2 = $a[$round]['index'] - $mov2_num;
            $temp_mov1 = $temp_mov2 = -1;
            if ($mov1_num > 0) {
                if ($round == 0 && $mov1 <= $global_j) {
                    $temp_mov1 = $qipan[$i][$mov1];
                    var_dump($i . ',' . $mov1 . ',' . $temp_mov1);
                } elseif ($round == 1 && $mov1 <= $global_i) {
                    $temp_mov1 = $qipan[$mov1][$j];
                }

                if ($temp_mov1 == $temp_type) {
                    $count++;
                    var_dump('count=' . $count);
                    $mov1_num++;
                } else {
                    $mov1_num = 0;
                }
            } else {
                $mov1_num = 0;
            }

            if ($mov2 >= 0 && $mov2_num > 0) {
                if ($round == 0) {
                    $temp_mov2 = $qipan[$i][$mov2];
                    var_dump($i . ',' . $mov2 . ',' . $temp_mov1);
                } elseif ($round == 1) {
                    $temp_mov2 = $qipan[$mov2][$j];
                }

                if ($temp_mov2 == $temp_type) {
                    $count++;
                    $mov2_num++;
                } else {
                    $mov2_num = 0;
                }
            } else {
                $mov2_num = 0;
            }

            if ($count >= 5) {
                return $count;
            }

            if (($mov1_num == 0 && $mov2_num == 0)) {
                break;
            }
        }
    }

    /*斜角的判断*/

    $count = 1;
    for ($round = 0; $round <= 1; $round++) {
        $mov1_num = 1;
        $mov2_num = 1;

        while (true) {
            $temp_mov1 = $temp_mov2 = -1;
            if (($i - $mov1_num) >= 0 && ($j - $mov1_num) >= 0 && ($j + $mov1_num) <= $global_j && $mov1_num > 0) {
                if ($round == 0) {
                    $temp_mov1 = $qipan[$i - $mov1_num][$j + $mov1_num];
                } elseif ($round == 1) {
                    $temp_mov1 = $qipan[$i - $mov1_num][$j - $mov1_num];
                }

                if ($temp_mov1 == $temp_type) {
                    $count++;
                    $mov1_num++;
                } else {
                    $mov1_num = 0;
                }
            } else {
                $mov1_num = 0;
            }

            if (($i + $mov2_num) <= $global_i && ($j - $mov2_num) >= 0 && ($j + $mov2_num) <= $global_j && $mov2_num > 0) {
                if ($round == 0) {
                    $temp_mov2 = $qipan[$i + $mov2_num][$j - $mov2_num];
                } elseif ($round == 1) {
                    $temp_mov2 = $qipan[$i + $mov2_num][$j + $mov2_num];
                }

                if ($temp_mov2 == $temp_type) {
                    $count++;
                    $mov2_num++;
                } else {
                    $mov2_num = 0;
                }
            } else {
                $mov2_num = 0;
            }

            if ($count >= 5) {
                return $count;
            }

            if (($mov1_num == 0 && $mov2_num == 0)) {
                break;
            }
        }
    }
    return $count;
}

// 创建一个文本协议的Worker监听2347接口

$text_worker = new Worker("websocket://0.0.0.0:2347");
// 只启动1个进程
$text_worker->count = 1;
$text_worker->uidConnections = array();
$text_worker->user_data = array();
$text_worker->onConnect = 'handle_connection';
$text_worker->onMessage = 'handle_message';
$text_worker->onClose = 'handle_close';
Worker::runAll();

三、编写前端代码，这里保存为index.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<style type="text/css">
		td{
			width:30px;
			height:30px;
			border:1px solid #666;
		}
		table{
			border-collapse: collapse;
    		border-spacing: 0;
		}
	</style>
</head>

<body>
	<div class="player"></div>
	<div id="demo"></div>
</body>

</html>

<script>
	table = "<table>";
	for (let i = 0; i <= 15; i++) {
		table += "<tr>";
		for (let j = 0; j <= 15; j++) {
			table += "<td onclick='press_on(this)' id='div_" + i + "_" + j + "'>" + "</td>";
		}
		table += "</tr>";
	}
	table += "</table>";
	$('#demo').html(table);

	ws = new WebSocket("ws://127.0.0.1:2347");
	ws.onopen = function () {
		console.log("连接成功");
	};

	ws.onmessage = function (e) {
		//alert("收到服务端的消息：" + e.data);
		console.log(e.data);
		var jsonobj = eval('(' + e.data + ')');
		if (jsonobj.status == 1 && jsonobj.data.name != null) {//初始化名字
			alert(jsonobj.data.name);
			$('.player').html(jsonobj.data.name);
		}

		if (jsonobj.status == 2) {//
			var type = jsonobj.data.type;
			var press_i = jsonobj.data.press_i;
			var press_j = jsonobj.data.press_j;
			id = '#div_' + press_i + '_' + press_j;
			$(id).unbind("click");
			if (type == 1) {
				$(id).html("<div style='background:#000000;width:30px;height:30px;border-radius:50%;'></div>");
			}
			if (type == 2) {
				$(id).html("<div style='background:#ffbc00;width:30px;height:30px;border-radius:50%;'></div>");
			}
		}

		if (jsonobj.status == 3) {//
			var msg = jsonobj.msg;
			var r = confirm(msg + '，是否从新开始?');
			if (r) {
				window.location.reload(true);
				return;
			} else {
				return;
			}
		}
	};

	function press_on(value) {
		var send = '{"status":2,"data":"' + value.id + '"}';
		console.log(send);
		ws.send(send);
	}
</script>

四、运行

在命令行启动服务器php game.php

最后在浏览器地址访问index.html，进入游戏。

转载自https://blog.csdn.net/weixin_33971205/article/details/92266560