@TOC
一、吃豆人小游戏介绍
1.1吃豆人小游戏简介
《吃豆人》是一款经典的街机游戏，玩家扮演的是一个吃豆人，目标是在迷宫中吃掉所有的小豆子，同时要躲避四个颜色不同的鬼怪。吃豆人可以通过吃大豆子来暂时变得强大，吃到水果可以获得额外分数。每个关卡都有特殊的游戏元素，如传送门和迷宫中的隐藏通道等。游戏的目标是在规定时间内尽可能地得分并通关。这个游戏已经有数十年的历史，至今仍然受到很多人的喜爱和关注。
1.2 项目地址
- pacman-canvas项目地址
二、本次实践介绍
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仓库
如果没有镜像源，可以使用阿里云的镜像源。
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服务
四、部署吃豆人经典小游戏
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，在浏览器进入鱼达人经典小游戏页面。
五、试玩吃豆人经典小游戏
吃豆人是一款经典的街机游戏，玩家需要控制一个小黄人在迷宫中不断地吃豆子，避免遇到敌人，最终清空所有豆子并进入下一关卡。
具体玩法如下：
使用方向键来控制小黄人的移动方向，向上、向下、向左、向右。
进入迷宫后，沿着道路走，并不断地吃豆子。
躲避敌人，包括四个颜色不同的幽灵，它们可以在迷宫中自由移动并跟踪玩家。
吃下大豆子后，小黄人暂时具备吃幽灵的能力，幽灵变为蓝色并可以被吃掉。
吃掉所有豆子后即可通关，进入下一关卡，难度逐渐加大。
几乎每十一关就会出现一关果子关卡，吃到特定的果子可以获得额外的分数。
游戏过程中还有一些特殊的道具可以使用，例如隐身、加速等能力道具，可以帮助玩家更好地躲避敌人或获取更高的分数。
