一定能通关的「鱼了个鱼」

发表于 更新于 分类于 Waline： 阅读次数： 本文字数： 1.7k 阅读时长 ≈ 2 分钟
「鱼了个鱼」 是「羊了个羊」的纯前端实现版，支持自定义关卡+图案+无限道具。

最近一款名为「羊了个羊」的小程序火了，据说火到把服务器都整崩溃了，非常魔性，也非常上头，但因为极低的通关率，把一位程序员惹毛了，在被「羊了个羊」虐了百遍后，自己动手撸了一款「鱼了个鱼」

游戏特色：

  1. 支持选择难度（4 种）
  2. 支持自定义难度
  3. 支持自定义动物图案（比如 🐔🏀）
  4. 可以无限使用技能（道具）
  5. 不需要看广告
  6. 能通关

什么是鱼了个鱼 ？

「鱼了个鱼」 是「羊了个羊」的纯前端实现版，支持自定义关卡+图案+无限道具。

官方提供了可在线玩的网站：https://yulegeyu.cn

构建镜像

如果你不想自己构建，可以跳过，直接阅读下一章节

这是一个标准的前端项目，所以用了老苏一贯的标准 Dockerfile 模板

1
2
3
4
5
6
7
8
9
10
11
12
13
FROM node:16.16 as build-deps
MAINTAINER laosu<wbsu2003@gmail.com>
    
WORKDIR /app
COPY . ./
RUN npm install
RUN npm run build
  
FROM nginx:1.12-alpine
COPY --from=build-deps /app/dist /usr/share/nginx/html
    
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

构建镜像和容器运行的基本命令如下👇

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
# 下载代码
git clone https://github.com/liyupi/yulegeyu.git
  
# 或者加个代理  
git clone https://ghproxy.com/github.com/liyupi/yulegeyu.git
  
# 进入目录  
cd yulegeyu

# 将 Dockerfile 放入当前目录
  
# 构建镜像
docker build -t wbsu2003/yulegeyu:v1 .

# 运行容器
docker run -d \
   --name yulegeyu \
   -p 3399:80 \
   wbsu2003/yulegeyu:v1

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 wbsu2003 ，找到 wbsu2003/yulegeyu，如果找不到，可以在 映象 –> 新增 –> 从 URL 添加

URL 只要输入 wbsu2003/yulegeyu

版本选择 latest。

端口

本地端口不冲突就行，不确定的话可以用命令查一下

1
2
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
3399 80

命令行安装

如果你熟悉命令行，可能用 docker cli 更快捷

1
2
3
4
5
6
# 运行容器
docker run -d \
   --restart unless-stopped \
   --name yulegeyu \
   -p 3399:80 \
   wbsu2003/yulegeyu

也可以用 docker-compose 安装，将下面的内容保存为 docker-compose.yml 文件

1
2
3
4
5
6
7
8
9
version: '3'

services:
  yulegeyu:
    image: wbsu2003/yulegeyu
    container_name: yulegeyu
    restart: unless-stopped
    ports:
      - 3399:80

然后执行下面的命令

1
2
3
4
5
6
7
8
9
10
# 新建文件夹 yulegeyu 
mkdir -p /volume2/docker/yulegeyu

# 进入 yulegeyu 目录
cd /volume2/docker/yulegeyu

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:3399 就能看到主界面

手机上的效果

困难模式

如果不过瘾，还能自己定制关卡

参考文档

liyupi/yulegeyu: 羊了个羊纯前端实现版【鱼了个鱼】，自定义关卡+图案+无限道具，可在线玩：https://yulegeyu.cn
地址：https://github.com/liyupi/yulegeyu

羊了个羊，但是低配版
地址：https://mp.weixin.qq.com/s/D_I1Tq-ofhKhlp0rkOpaLA