Docker搭建一款轻量级飞船射击类游戏

star-battle是使用 JavaScript ES6、Canvas 开发的飞船射击类游戏，在游戏中，玩家可以扮演一名太空飞船的驾驶员，驾驶自己的飞船在宇宙中与敌人进行战斗。

| 游戏规则

1. 使用 W
   、A
   、S
   、D
    控制飞船，按下 Space
   发射。

2. 燃料初始值为15，每秒递减1点，当燃料值为0时，游戏结束。

3. 触碰掉下的燃料瓶可增加15点，最大值为30点。

4. 击中敌方飞船增加5分。行星需击中两次，增加10分。击中友方扣除10分。

5. 碰撞敌方损失15点燃料，碰撞友方扣除10分。

6. 游戏允许负分。

7. 按下 P
    暂停游戏，按下 M
    静音。

如需了解更多信息，可以访问其官方网站或查阅相关的技术文档。

官方GitHub

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

官方Demo

https://4ark.me/star-battle/

本文通过Docker的方式来部署，以Ubuntu为例，操作步骤：安装Docker、启动容器httpd，将源码文件挂载容器httpd。

| 第一步安装docker

 
sudo apt update
sudo apt install -y docker.io docker-compose

| 第二步启动httpd

 
version: '3'
services:
    httpd-GAME:
        image: 'httpd:latest'
        container_name: httpd
        volumes:
            - '/home/httpd/apache2:/usr/local/apache2'
        ports:
            - '8000:80'
        restart: always

 
sudo docker-compose up -d

| 停止容器运行

 
sudo docker stop httpd

| 第三步将源码文件挂载容器httpd

从GitHub下载star-battle的源码文件，解压后并全部复制到目录/home/httpd/apache2/htdocs。

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

编辑配置文件httpd.conf

 
sudo vim /home/httpd/apache2/conf/httpd.conf

将ServerName后的内容改成localhost:80，并启动容器

 
sudo docker restart httpd

上述指令执行完成后，在浏览器访问IP:8000即可愉快游戏了。

粉丝福利免费送

活动链接 --> 📖送书活动-《Django5 Web应用开发实战》

关注公众号，为你推荐更多原创干货！

更多内容也可看笔者出版图书！