飞机大战的源码很多但是多人在线的应该不多花了一天时间写的分享给大家玩玩,游戏支持多人同时在线,pc端全屏显示背景效果不佳哟,调成移动显示效果更好,原生js写的 html+jquery 可能有点乱ui效果不好许多功能可能需要自己改一下才更完美哟,发出来的目的只是学习,感兴趣可以自己改造一下。

演示截图

66aceb320f40c.png

搭建教程

1.先安装好服务端,后端用的thinkphp6,其实后端只用到了websoket

因为数据是实时传输的没用数据库, 数据不能长期保存感兴趣的可以自己改造一下将数据存储到数据库中

2.运行目录设置public

3.设置伪静态为thinkphp

4.开放服务器端口2345

5.前端文件main.html中141行域名改成自己服务端的站点域名,后缀不要改哟

6.前端文件改好后上传到网站根目录/public/h5目录下

7.站点配置文件server中加入以下配置

location /ws {
proxy_http_version 1.1;
proxy_set_header Connection "";
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Real-PORT $remote_port;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $http_host;
proxy_set_header Scheme $scheme;
proxy_set_header Server-Protocol $server_protocol;
proxy_set_header Server-Name $server_name;
proxy_set_header Server-Addr $server_addr;
proxy_set_header Server-Port $server_port;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "Upgrade";
proxy_pass http://127.0.0.1:2345;
}

8.启动服务 先进入到网站根目录下点击终端执行命令 php think worker:server 没报错就成功了,也可以将命令加入到守护进程里面,不然过段时间就需要重新执行一次

网页端访问方式 域名/h5

本地访问根目录下index.html 也可以在线对战哟

资源下载