一、吃豆人小游戏介绍

1.1吃豆人小游戏简介

1.2 项目地址

  • pacman-canvas项目地址

【好玩的开源项目】Linux系统之部署吃豆人经典小游戏-LMLPHP

二、本次实践介绍

2.1 本地环境规划

2.2 本次实践介绍

三、安装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
[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 -y install  httpd

【好玩的开源项目】Linux系统之部署吃豆人经典小游戏-LMLPHP

3.3 启动httpd服务

systemctl start httpd && systemctl enable  httpd

3.4 查看httpd服务

[root@jeven pacman-canvas]# systemctl status httpd
● httpd.service - The Apache HTTP Server
   Loaded: loaded (/usr/lib/systemd/system/httpd.service; disabled; vendor preset: disabled)
   Active: active (running) since Sat 2023-11-04 11:58:30 CST; 2min 46s ago
     Docs: man:httpd(8)
           man:apachectl(8)
  Process: 37548 ExecStop=/bin/kill -WINCH ${MAINPID} (code=exited, status=0/SUCCESS)
 Main PID: 37556 (httpd)
   Status: "Total requests: 27; Current requests/sec: 0; Current traffic:   0 B/sec"
    Tasks: 11
   Memory: 4.1M
   CGroup: /system.slice/httpd.service
           ├─37556 /usr/sbin/httpd -DFOREGROUND
           ├─37557 /usr/sbin/httpd -DFOREGROUND
           ├─37558 /usr/sbin/httpd -DFOREGROUND
           ├─37559 /usr/sbin/httpd -DFOREGROUND
           ├─37561 /usr/sbin/httpd -DFOREGROUND
           ├─37573 /usr/sbin/httpd -DFOREGROUND
           ├─37574 /usr/sbin/httpd -DFOREGROUND
           ├─37575 /usr/sbin/httpd -DFOREGROUND
           ├─37576 /usr/sbin/httpd -DFOREGROUND
           ├─37577 /usr/sbin/httpd -DFOREGROUND
           └─37578 /usr/sbin/httpd -DFOREGROUND

Nov 04 11:58:30 jeven systemd[1]: Starting The Apache HTTP Server...
Nov 04 11:58:30 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服务

【好玩的开源项目】Linux系统之部署吃豆人经典小游戏-LMLPHP

四、部署吃豆人经典小游戏

4.1 下载小游戏源码

[root@jeven ~]# cd /var/www/html/
[root@jeven html]#
 git clone https://github.com/platzhersh/pacman-canvas.git
mv index.htm index.html

4.2 查看项目源码目录

[root@jeven html]# tree -L 2 ./pacman-canvas/
./pacman-canvas/
├── ads.txt
├── bump_version.sh
├── cache.manifest
├── data
│   ├── db-handler.php
│   └── map.json
├── fonts
│   ├── PressStart2Play.eot
│   ├── PressStart2Play.ttf
│   └── PressStart2Play.woff
├── googlee6aee5a894225e60.html
├── img
│   ├── audio-icon-mute.png
│   ├── audio-icon.png
│   ├── bg-pattern-black.png
│   ├── blinky.svg
│   ├── clyde.svg
│   ├── dazzled2.svg
│   ├── dazzled.svg
│   ├── dead.svg
│   ├── heart.png
│   ├── Icon-106x106.png
│   ├── icon-128_old.png
│   ├── icon-128.png
│   ├── Icon-130x130.png
│   ├── Icon-150x130.png
│   ├── Icon-200x200.png
│   ├── Icon-300x300.png
│   ├── Icon-32x32.png
│   ├── Icon-512x512.png
│   ├── inky.svg
│   ├── instructions
│   ├── Pacman-Icon.svg
│   ├── pinky.svg
│   └── platzh1rsch-logo.png
├── index.html
├── js
│   ├── jquery-1.10.2.min.js
│   ├── jquery.hammer.min.js
│   ├── pacman
│   └── virtualjoystick.js
├── LICENSE.md
├── manifest.json
├── mp3
│   ├── die.mp3
│   ├── eatghost.mp3
│   ├── powerpill.mp3
│   ├── theme.mp3
│   └── waka.mp3
├── package.json
├── package-lock.json
├── pacman-canvas.css
├── pacman-canvas.js
├── pacman-canvas.test.js
├── pacman-canvas.webapp
├── README.md
├── server.js
├── style.css
├── wav
│   ├── die.wav
│   ├── eatghost.wav
│   ├── powerpill.wav
│   ├── theme.wav
│   └── waka.wav
├── web-app-manifest.json
└── webpack.config.js

8 directories, 58 files

4.3 重启httpd服务

systemctl restart httpd

4.4 访问吃豆人经典小游戏web页面

【好玩的开源项目】Linux系统之部署吃豆人经典小游戏-LMLPHP

五、试玩吃豆人经典小游戏

【好玩的开源项目】Linux系统之部署吃豆人经典小游戏-LMLPHP

吃豆人是一款经典的街机游戏,玩家需要控制一个小黄人在迷宫中不断地吃豆子,避免遇到敌人,最终清空所有豆子并进入下一关卡。

具体玩法如下:

  • 使用方向键来控制小黄人的移动方向,向上、向下、向左、向右。

  • 进入迷宫后,沿着道路走,并不断地吃豆子。

  • 躲避敌人,包括四个颜色不同的幽灵,它们可以在迷宫中自由移动并跟踪玩家。

  • 吃下大豆子后,小黄人暂时具备吃幽灵的能力,幽灵变为蓝色并可以被吃掉。

  • 吃掉所有豆子后即可通关,进入下一关卡,难度逐渐加大。

  • 几乎每十一关就会出现一关果子关卡,吃到特定的果子可以获得额外的分数。

  • 游戏过程中还有一些特殊的道具可以使用,例如隐身、加速等能力道具,可以帮助玩家更好地躲避敌人或获取更高的分数。

11-14 14:44