0
点赞
收藏
分享

微信扫一扫

【好玩的开源项目】在Linux系统下部署 star-battle太空飞船射击小游戏


一、star-battle小游戏介绍

1.1 star-battle小游戏简介

star-battle是一款使用JavaScript ES6、Canvas开发的太空飞船射击小游戏。

1.2 star-battle小游戏玩法

star-battle是一款基于JavaScript ES6和Canvas技术开发的太空飞船射击小游戏。在游戏中,玩家可以扮演一名太空飞船的驾驶员,驾驶自己的飞船在宇宙中与敌人进行战斗。游戏中的目标是尽可能击败更多的敌人,生存更长的时间。玩家可以通过射击敌人来获得得分,击败更多敌人可以获得更高的分数。同时,玩家还需要小心避开敌人的攻击,保持自己的生命值不被消耗完。在star-battle中,玩家可以通过键盘的方向键来控制飞船的移动方向,通过按下空格键来发射子弹。游戏画面使用Canvas技术绘制,呈现出太空的背景和动态的飞船、敌人和子弹。star-battle采用了现代的JavaScript ES6语法,使得游戏的开发更加简洁和高效。同时,利用Canvas技术可以实现流畅的动画效果,为玩家带来更好的游戏体验。star-battle是一款简单而有趣的太空飞船射击小游戏,适合喜爱射击游戏的玩家体验。

1.3 开源地址

github地址:https://github.com/gd4Ark/star-battle

二、本次实践介绍

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环境下部署star-battle太空飞船射击小游戏。

2.3 Apache HTTP Server简介

  1. Apache HTTP Server(简称Apache)是一个开源的Web服务器软件,广泛用于Internet上的各种网站、应用程序和服务。Apache的运行平台包括各种操作系统,如Unix、Linux、Windows等。Apache最初由一群志愿者开发,并且是一个完全免费的软件。它具有高度的可扩展性和灵活性,可以通过模块化的方式实现各种功能和特性。Apache支持多种编程语言和协议,如Perl、PHP、Python、Java和HTTPS等。
  2. Apache的主要功能包括处理HTTP请求、静态和动态内容的传输、反向代理、负载均衡、虚拟主机等。它提供了丰富的配置选项和强大的日志功能,使管理员能够轻松地管理和监控服务器的运行状态。Apache具有出色的性能和稳定性,经过多年的发展和改进,成为最受欢迎的Web服务器之一。根据统计数据,目前全球超过一半的网站都使用Apache作为其Web服务器。

三、安装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

【好玩的开源项目】在Linux系统下部署 star-battle太空飞船射击小游戏_Apache

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 Mon 2023-12-04 20:42:41 CST; 7s ago
     Docs: man:httpd(8)
           man:apachectl(8)
 Main PID: 49534 (httpd)
   Status: "Processing requests..."
   CGroup: /system.slice/httpd.service
           ├─49534 /usr/sbin/httpd -DFOREGROUND
           ├─49536 /usr/sbin/httpd -DFOREGROUND
           ├─49537 /usr/sbin/httpd -DFOREGROUND
           ├─49538 /usr/sbin/httpd -DFOREGROUND
           ├─49539 /usr/sbin/httpd -DFOREGROUND
           └─49540 /usr/sbin/httpd -DFOREGROUND

Dec 04 20:42:40 jeven systemd[1]: Starting The Apache HTTP Server...
Dec 04 20:42:41 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地址。

【好玩的开源项目】在Linux系统下部署 star-battle太空飞船射击小游戏_Apache_02

四、部署star-battle太空飞船射击小游戏

4.1 下载小游戏源码

进入网页根目录

[root@jeven ~]# cd /var/www/html/
[root@jeven html]#

在github拉取astar-battle小游戏源码

git clone https://github.com/gd4Ark/star-battle.git

4.2 查看项目源码目录

查看star-battle项目源码目录

[root@jeven html]# tree -L 2 star-battle
star-battle
├── css
│   ├── common.css
│   └── style.css
├── img
│   ├── a-.png
│   ├── a+.png
│   ├── background-1.jpg
│   ├── boom.png
│   ├── enemyBullet.png
│   ├── fuel2.png
│   ├── logo-01.png
│   ├── meteorites
│   ├── mute.png
│   ├── pause.png
│   ├── plane
│   ├── playerBullet.png
│   ├── play.png
│   ├── score.png
│   ├── speaker.png
│   ├── star
│   └── time3.png
├── index.html
├── js
│   ├── class
│   ├── config
│   ├── game.js
│   ├── main.js
│   ├── scenes
│   └── utils
├── LICENSE
├── README-CN.md
├── README.md
└── sound
    ├── background.mp3
    ├── destroyed.mp3
    └── shoot.mp3

11 directories, 25 files

4.3 重启httpd服务

重启httpd服务

systemctl restart httpd

4.4 访问小游戏web页面

访问地址:http://服务器IP地址/ star-battle,在浏览器进入star-battle太空飞船射击小游戏页面。

【好玩的开源项目】在Linux系统下部署 star-battle太空飞船射击小游戏_Server_03

五、试玩star-battle太空飞船射击小游戏

【好玩的开源项目】在Linux系统下部署 star-battle太空飞船射击小游戏_Apache_04

  • 游戏操作:
  1. 使用 W、A、S、D 控制飞船,按下 Space 发射。
  2. 燃料初始值为15,每秒递减1点,当燃料值为0时,游戏结束。
  3. 触碰掉下的燃料瓶可增加15点,最大值为30点。
  4. 击中敌方飞船增加5分。行星需击中两次,增加10分。击中友方扣除10分。
  5. 撞击敌方损失15点燃料,撞击友方扣除10分。
  6. 游戏允许负分。
  7. 按下 P 暂停游戏,按下 M 静音。

六、总结

star-battle太空飞船射击小游戏是一款开源的小游戏项目,部署起来非常简单,只需要一个web服务器,将游戏内容放在网站目录即可开始游戏。作为游戏爱好者,你可以将游戏部署在个人服务器上,并在闲暇时享受游戏乐趣。

举报

相关推荐

0 条评论