前言
平时工作之余,如果想玩一些小游戏放松一下,又不想专门下载安装各种游戏,那么今天这个开源项目你一定不要错过。
今天给大家分享一个非常有意思的开源项目——Game Space。它是一个基于 HTML5 开发的网页小游戏合集,目前已经收录了 60 款不同类型的小游戏,包括经典的坦克大战、黄金矿工、贪吃蛇、赛车、射击以及各种益智休闲游戏。
最方便的是,这些游戏都可以直接通过浏览器打开游玩,不需要安装额外的客户端,电脑和手机都能访问。
而且,这个项目采用纯静态架构,没有复杂的数据库和后端服务,部署起来也非常简单。
本期视频就带大家通过 Docker 将 Game Space 部署到自己的 VPS 或 NAS 上,搭建一个属于自己的在线小游戏平台。部署完成后,无论是在电脑上,还是手机、平板上,都可以随时打开网页玩上几局。
如果你平时喜欢收集各种有趣的开源项目,那么这期内容就一起来看看吧!
项目图示
主界面

射击类

动作类

益智类

消除类

赛车类

跑酷类

等等,以下是一些游戏画面




项目简介
这是一个精心打造的 开源 HTML5 (H5) 小游戏 合集平台,汇聚了来自开源社区的 60 款优秀小游戏。作者致力于整理和分享这些可以在浏览器中直接运行的精彩内容,为您提供一个便捷的试玩、娱乐与学习平台。
说明
这个项目是纯前端的网页项目,对于不想自己部署的可以直接使用
1.作者官方的网址game-space
我自己部署的运维世界小游戏
如果想私有化 部署的可以继续查看以下步骤
2.飞牛NAS直接在商店就可以下载

安装完成

部署方法
使用Docker安装
本教程使用docker的方式安装部署,简单便捷

X86/Arm双平台
| 平台 | 架构 | 适用场景 |
|---|---|---|
| linux/amd64 | x86_64 | VPS、PC服务器、Intel/AMD |
| linux/arm64 | ARM64 | 树莓派、Mac M系列、ARM 云服务器 |
准备条件
1)一台服务器
我们使用莱卡云VPS来演示,建议选择境外云服务器
需要vps的可以看以下信息,配置尽量选择大点的比如2核心4G内存
莱卡云官网
2)本教程使用到的项目
本教程使用的官方github地址
https://github.com/chengzuopeng/game-space

如果感觉有用,请帮忙点个stars
3)域名(建议)
根据自己的需求,
1.web界面建议绑定域名,方便使用
VPS部署
一、Docker环境部署
在vps安装docker和docker-compose
Docker官方安装文档(英文)
https://duan.yyzq.eu.org/docker-001
Docker-Compose官方安装文档(英文)
https://duan.yyzq.eu.org/docker-002
Centos安装Docker和Docker-compose(中文)
https://duan.yyzq.eu.org//03
Ubuntu安装Docker和Docker-compose(中文)
https://duan.yyzq.eu.org//04
推荐直接用一键脚本
docker安装脚本
bash <(curl -sSL https://cdn.jsdelivr.net/gh/SuperManito/LinuxMirrors@main/DockerInstallation.sh)
docker-compose安装脚本
curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose && chmod +x /usr/local/bin/docker-compose
二、部署命令
登录我们自己的境外VPS使用root账户执行以下步骤
请自行安装vim编辑器
docker-compose命令
创建一个目录,并进入此目录
mkdir game-space ;cd game-space
下载项目游戏源码文件
git clone https://github.com/chengzuopeng/game-space
注意所有游戏下载完大约有1.4G的大小

然后再新建docker-compose.yml
vim docker-compose.yml
services:
web:
image: ywsj/onenav-php:latest
container_name: game-space
restart: always
ports:
- "8080:80"
volumes:
- ./game-space:/var/www/html
注意8080端口如有冲突自行修改
三、执行容器运行命令
docker-compose up -d #运行容器
docker-compose ps #查看是否启动成功
正常启动如下所示
docker-compose ps
NAME IMAGE COMMAND SERVICE CREATED STATUS PORTS
game-space ywsj/onenav-php:latest "docker-php-entrypoi…" web 33 seconds ago Up 32 seconds 0.0.0.0:8080->80/tcp, [::]:8080->80/tcp
四、web界面
打开web页面使用
成功以后需要打开自己相应的端口8080)防火墙就可以web端访问了
主界面
http://ip:8080

其他功能自行探索即可
或者fork整个项目到自己的仓库让AI给你增加个性化的需求
绑定域名
接下来就是绑定域名和配置SSL证书
绑定域名的教程参考以下内容
绑定域名视频教程
B站
YouTube
绑定域名可以参考
NginxProxyManager
https://duan.yyzq.eu.org//npm-ch
有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我
欢迎关注我们的微信公众号!


评论区