【好玩的开源项目】Linux系统之部署跳一跳经典小游戏
【好玩的开源项目】Linux系统之部署跳一跳经典小游戏
- 一、跳一跳小游戏介绍
-
- 1.1 跳一跳小游戏简介
- 1.2 项目地址
- 二、本次实践介绍
-
- 2.1 本地环境规划
- 2.2 本次实践介绍
- 三、安装httpd软件
-
- 3.1 检查yum仓库
- 3.2 安装httpd软件
- 3.3 启动httpd服务
- 3.4 查看httpd服务
- 3.5 防火墙和selinux设置
- 3.6 浏览器测试web服务
- 四、部署跳一跳经典小游戏
-
- 4.1 下载jump小游戏源码
- 4.2 重启httpd服务
- 4.3 访问jump小游戏web页面
- 五、试玩跳一跳经典小游戏
一、跳一跳小游戏介绍
1.1 跳一跳小游戏简介
跳一跳是一款非常流行的休闲小游戏，其玩法非常简单，玩家只需要通过跳跃来控制一个小人跨越各种障碍物，获得尽可能高的分数。本次实践旨在完成Jump跳一跳小游戏开源版项目的部署。
1.2 项目地址
gitee地址 ：https://gitee.com/fwjzzz/Jump
- 试玩地址：https://fwjzzz.gitee.io/jump
二、本次实践介绍
2.1 本地环境规划
本次实践为个人测试环境，操作系统版本为centos7.6。
| hostname | IP地址 | 操作系统版本 | 内核版本 |
|---|---|---|---|
| jeven | 192.168.3.166 | centos 7.6 | 3.10.0-957.el7.x86_64 |
2.2 本次实践介绍
1.本次实践环境为个人测试环境，生产环境请谨慎；
2.在centos7.6环境下部署跳一跳经典小游戏。
三、安装httpd软件
3.1 检查yum仓库
如果没有镜像源，可以使用阿里云的镜像源。
curl -o /etc/yum.repos.d/CentOS-Base.repo https://mirrors.aliyun.com/repo/Centos-7.repo
sed -i -e '/mirrors.cloud.aliyuncs.com/d' -e '/mirrors.aliyuncs.com/d' /etc/yum.repos.d/CentOS-Base.repo
检查yum仓库状态，确保各镜像源正常。
[root@jeven ~]# yum repolist enabled
Loaded plugins: fastestmirror, langpacks
Determining fastest mirrors
* epel: mirrors.bestthaihost.com
repo id repo name status
!base/7/x86_64 CentOS-7 - Base - mirrors.aliyun.com 10,072
!epel/x86_64 Extra Packages for Enterprise Linux 7 - x86_64 13,767
!extras/7/x86_64 CentOS-7 - Extras - mirrors.aliyun.com 518
!mongodb-org MongoDB Repository 342
!mysql-connectors-community/x86_64 MySQL Connectors Community 227
!mysql-tools-community/x86_64 MySQL Tools Community 100
!mysql57-community/x86_64 MySQL 5.7 Community Server 678
!updates/7/x86_64 CentOS-7 - Updates - mirrors.aliyun.com 5,176
repolist: 30,880
3.2 安装httpd软件
直接使用yum安装httpd软件。
yum -y install httpd
3.3 启动httpd服务
启动httpd服务，并使开机自启。
systemctl start httpd && systemctl enable httpd
3.4 查看httpd服务
查看httpd服务状态，确保httpd服务正常。
[root@jeven ~]# systemctl status httpd
● httpd.service - The Apache HTTP Server
Loaded: loaded (/usr/lib/systemd/system/httpd.service; enabled; vendor preset: disabled)
Active: active (running) since Wed 2023-10-18 06:37:57 CST; 8h ago
Docs: man:httpd(8)
man:apachectl(8)
Process: 23044 ExecStop=/bin/kill -WINCH ${MAINPID} (code=exited, status=0/SUCCESS)
Main PID: 23050 (httpd)
Status: "Total requests: 4; Current requests/sec: 0; Current traffic: 0 B/sec"
Tasks: 9
Memory: 3.6M
CGroup: /system.slice/httpd.service
├─23050 /usr/sbin/httpd -DFOREGROUND
├─23051 /usr/sbin/httpd -DFOREGROUND
├─23052 /usr/sbin/httpd -DFOREGROUND
├─23053 /usr/sbin/httpd -DFOREGROUND
├─23054 /usr/sbin/httpd -DFOREGROUND
├─23055 /usr/sbin/httpd -DFOREGROUND
├─23059 /usr/sbin/httpd -DFOREGROUND
├─23060 /usr/sbin/httpd -DFOREGROUND
└─23061 /usr/sbin/httpd -DFOREGROUND
Oct 18 06:37:57 jeven systemd[1]: Starting The Apache HTTP Server...
Oct 18 06:37:57 jeven systemd[1]: Started The Apache HTTP Server.
3.5 防火墙和selinux设置
- 设置selinux
sed -i 's/SELINUX=enforcing/SELINUX=disabled/' /etc/selinux/config
setenforce 0
- 关闭防火墙，如果想要开启防火墙，需放行80端口。
systemctl stop firewalld && systemctl disable firewalld
3.6 浏览器测试web服务
浏览器打开：http://192.168.3.166，将IP替换为自己服务器IP地址。
四、部署跳一跳经典小游戏
4.1 下载jump小游戏源码
进入网页根目录
[root@jeven ~]# cd /var/www/html/
[root@jeven html]#
在gitee拉取jump小游戏源码
git clone https://gitee.com/fwjzzz/Jump.git
4.2 重启httpd服务
重启httpd服务
systemctl restart httpd
4.3 访问jump小游戏web页面
访问地址：http://服务器IP地址/ Jump，在浏览器进入跳一跳经典小游戏网页。
五、试玩跳一跳经典小游戏
游戏玩法如下：
-
游戏开始后，玩家需要使用鼠标点击屏幕任意位置，小黑块开始跳跃，如果跳跃不够远或者太远就会掉落，游戏结束。
-
游戏中，按住鼠标左键不放，小黑块开始压缩，松开鼠标左键，小黑块跳跃。
-
长按鼠标的时间左键越长，小黑块跳跃的距离越远，需要控制跳跃力度才能跳到白色方块上。
-
触底或跳跃不准确会导致游戏失败，重新开始游戏。
-
每次成功跳到一个白色方块，玩家可以获得1分。
-
游戏设计简单，画面清新可爱，操作简单易上手，适合所有人群玩耍。