一、吃豆人小游戏介绍

1.1吃豆人小游戏简介

《吃豆人》是一款经典的街机游戏，玩家扮演的是一个吃豆人，目标是在迷宫中吃掉所有的小豆子，同时要躲避四个颜色不同的鬼怪。吃豆人可以通过吃大豆子来暂时变得强大，吃到水果可以获得额外分数。每个关卡都有特殊的游戏元素，如传送门和迷宫中的隐藏通道等。游戏的目标是在规定时间内尽可能地得分并通关。这个游戏已经有数十年的历史，至今仍然受到很多人的喜爱和关注。

1.2 项目地址

• pacman-canvas项目地址

Github地址 ：https://github.com/platzhersh/pacman-canvas

二、本次实践介绍

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 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服务

浏览器打开：http://192.168.3.166，将IP替换为自己服务器IP地址。

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

4.1 下载小游戏源码

进入网页根目录

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

在github拉取pacman-canvas小游戏源码

 git clone https://github.com/platzhersh/pacman-canvas.git

需要注意下，在源码目录下，修改index.htm文件，将index.htm文件修改为index.html文件。

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服务

重启httpd服务

systemctl restart httpd

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

访问地址：http://服务器IP地址/ pacman-canvas，在浏览器进入鱼达人经典小游戏页面。

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

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

具体玩法如下：

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

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

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

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

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

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

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