【源码】基于 HTML5 和 PHP 的你画我猜在线游戏系统

项目简介

本项目是一款纯手工打造的 web 在线小游戏——你画我猜。它基于 HTML5、JavaScript、CSS、PHP 技术实现，最初作为“软件体系结构”和“计算机网络”的课程设计。项目运用 ES6 语法和面向对象编程方法，后台通过 PHP socket 编程实现 WebSocket 服务器，为玩家带来实时互动的游戏体验。

项目的主要特性和功能

1. 用户管理：支持用户注册、登录，可创建个人账户并管理个人信息。
2. 多人在线游戏：允许多玩家同时在线，可创建或加入游戏房间进行游戏。
3. 实时通信：利用 WebSocket 实现实时数据同步和交互，确保游戏的及时性。
4. 游戏流程管理：自动管理游戏的开始、结束、回合切换等流程。
5. 题目生成：具备题目生成器，可不断更新游戏题目和内容。
6. 玩家状态管理：管理玩家列表、分数统计等状态信息。
7. 界面设计：界面简洁，提供良好的用户体验。
8. 兼容性良好：基于 HTML5 构建，在桌面和移动设备上都能有不错的体验。

安装使用步骤

运行环境

需要 Apache php+cli 环境。

游戏部署

1. 下载源码 shell cd /var/www/html
2. 查看本机 ip shell sudo ifconfig
3. 修改 WebSocket 服务器地址 打开 script 目录下的 common.js，修改以下内容： JavaScript var vsHost = "[本机ip]", vsPort = "4000";
4. 启动游戏服务器 shell cd /var/www/html/paint/server php server.php
5. 进行游戏 启动 Apache 服务器后，局域网内的用户可通过 192.168.x.x/paint 进入游戏。

可能遇到的问题及解决方法

1. PHP 扩展问题：server.php 中用到一些非默认安装的扩展（如 mb_str 模块），若运行报错，可根据提示安装相应的 php 模块。
2. 无法连接 WebSockt 服务器
   • 查看本机防火墙是否开放了 4000 端口。
   • 查看 4000 端口是否被占用，可通过修改 server.php 更改 WebSocket 服务器端口。
3. 其他问题：若有游戏 bug 或者部署问题可留言反馈。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】