@TOC

一、跳一跳小游戏介绍

1.1 跳一跳小游戏简介

跳一跳是一款非常流行的休闲小游戏，其玩法非常简单，玩家只需要通过跳跃来控制一个小人跨越各种障碍物，获得尽可能高的分数。本次实践旨在完成Jump跳一跳小游戏开源版项目的部署。

1.2 项目地址

gitee地址 ：https://gitee.com/fwjzzz/Jump

• 试玩地址：https://fwjzzz.gitee.io/jump

二、本次实践介绍

2.1 本地环境规划

本次实践为个人测试环境，操作系统版本为centos7.6。

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分。

• 游戏设计简单，画面清新可爱，操作简单易上手，适合所有人群玩耍。