一、跳一跳小游戏介绍
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仓库
代码语言:shell复制如果没有镜像源,可以使用阿里云的镜像源。
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
代码语言:shell复制检查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软件
代码语言:shell复制直接使用yum安装httpd软件。
yum -y install httpd
3.3 启动httpd服务
代码语言:shell复制启动httpd服务,并使开机自启。
systemctl start httpd && systemctl enable httpd
3.4 查看httpd服务
代码语言:shell复制查看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小游戏源码
代码语言:shell复制进入网页根目录
[root@jeven ~]# cd /var/www/html/
[root@jeven html]#
代码语言:shell复制在gitee拉取jump小游戏源码
git clone https://gitee.com/fwjzzz/Jump.git
4.2 重启httpd服务
代码语言:shell复制重启httpd服务
systemctl restart httpd
4.3 访问jump小游戏web页面
访问地址:http://服务器IP地址/ Jump,在浏览器进入跳一跳经典小游戏网页。
五、试玩跳一跳经典小游戏
游戏玩法如下:
- 游戏开始后,玩家需要使用鼠标点击屏幕任意位置,小黑块开始跳跃,如果跳跃不够远或者太远就会掉落,游戏结束。
- 游戏中,按住鼠标左键不放,小黑块开始压缩,松开鼠标左键,小黑块跳跃。
- 长按鼠标的时间左键越长,小黑块跳跃的距离越远,需要控制跳跃力度才能跳到白色方块上。
- 触底或跳跃不准确会导致游戏失败,重新开始游戏。
- 每次成功跳到一个白色方块,玩家可以获得1分。
- 游戏设计简单,画面清新可爱,操作简单易上手,适合所有人群玩耍。
我正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖!