谜面

作者

0o酱（编程，主策划）

锦十三（文案，策划）

背景故事

背景故事解析为锦十三撰写

十三老师超级厉害！（小狗打 call

前言

作为一个故事的开始，也是试水，这篇的文本量其实不多，但依旧有一些奇怪的小细节。

经典烂梗：人物名
说实话从来没好好起过名字，我们本期的主要人物名奥耶甘德先生的名字来自企划时间——熬夜肝的。

剧情

传奇冒险家奥耶甘德屋里频频传来异响，留下了字迹凌乱的笔记本离奇消失。笔记本上唯一能辩识的两个词语——权柄和智慧，是本次的主题。我们需要用自己的智慧来破解谜题，寻找创世神的权柄。

第一关是破解打字机上的网址，输入之后即可进入新页面。

这里其实有一个肯定没人知道的细节，“频频异响”和“字迹凌乱”，对应的是之后奥耶甘德留下的思路清晰的笔记。

牵扯到了一点克系元素——时空之门。为了寻找创世神的的权柄究竟是否存在以及流落何处，我们的传奇冒险家一次又一次开启时空之门，来回于各个时间段之间，寻找存在于时空之间的线索，所以到最后才会san值清空彻底疯狂，只能留下关键词。

在最后的笔记里冒险家先生说“我已经被祂的信徒盯上了”以及留下一段带有隐秘含义的兽鸣，相信有部分人已经想到了——所谓的兽鸣本意并不是为奥耶甘德先生指出明路，而是廷达罗斯猎犬狩猎时彼此之间的呼唤。

为了防止各位小冒险家掉san，即使译解出来也是不为人所知的“whisper”，耳语。

至于最后的笔记——相信奥耶甘德先生作为传奇冒险家，对危险的敏感程度不低，也遇见到了自己的死期罢。

至于日报上其他内容详情请咨询人工客服。

祝祷词的部分是一个文字解密，将句首的每一个字连起来可以得到“无知是福，智慧永存”。

输入这句祝祷即可进入下一关。这其实也是包含一点克系元素——无知是福。如果奥耶甘德没有发现创世神的记录，他也不会因此丢掉自己的性命，但很明显——智慧永存。

即使没有奥耶甘德，也会有下一个冒险家去探索这份创世的智慧，即使失败了，也会有后人继续，前路艰险，但只要坚持，自会有出路。

——人类的赞歌是勇气的赞歌。

游戏实现

本部分将以编程实现的视角讲述游戏的实现过程与设计思路。

流程设计

由于是试水性质作品，且游戏制作周期仅为一个通宵+白天

因此本期流程设计较为简陋

报纸解密

先从报纸解密出现的谜面开始，报纸的左上角译文为：从另一个方向可以得出不同的答案

报纸右上角的发布日期中，周二的英文被倒序

由以上两点线索可以推导出谜面配图中，打字机上的英文为一串链接
进入链接，开始解密

网站的标题为 .reverif stsak nidsiw ,ssilb si ecnarongI

倒叙后为：Ignorance is bliss, wisdom lasts forever.（无知是福，智慧永存）

成功进入报纸解密出的链接后将显示一段祝词

无尽长夜里，我们歌唱您的仁慈

知识长河里，我们赞颂您的全知

是您的广袤创造了世界，是您的光辉照耀了世界

福泽自您的衣角流下，我们赞美您

智灵自您的额间诞生，我们赞美您

慧于如此弱小的我们，赠于如此懵懂的我们

永恒星海间，我们吟诵您的恩典

存世刹那间，我们铭记您的教诲

将藏头的【无知是福智慧永存】填入输入框，点击提交即可进入下一部分
二维码拼接

将撕裂的二维码通过拼接，扫描后进入下一部分

中间重叠的手环暗示了二维码在拼接时有一部分是可以重叠的
信件中的兽鸣

扫描二维码后将访问下一部分的网页

网页的内容为奥耶甘德留下的一封信，其中有一段密文被称作兽鸣

兽鸣的密文为：~呜嗷嗷嗷嗷呜啊呜啊啊呜嗷呜呜~嗷~~啊嗷啊呜嗷嗷呜嗷~嗷~呜呜呜嗷啊嗷嗷嗷呜啊呜嗷~呜嗷呜呜~嗷~嗷啊嗷啊呜嗷呜~呜啊

该段密文是由“兽音译者”工具加密，可以通过该工具进行解密

信件中提示“当你感到迷茫时，不如回到最初，那里是一切的开始，也通往所有的结束。”

将解密后的兽鸣密文填入第一部分的输入框，点击提交即可进入下一部分
聆听神启

该部分为视频内容，视频中会出现一段摩斯密码

解密后将内容填入第一部分的输入框，点击提交即可完成解密游戏

代码部分

使用 Vue3 + Typescript 开发，纯前端实现

vue3-player-video 插件使用方法

yarn add vue3-player-video

main.ts

import { createApp } from 'vue'
import App from './App.vue'
import VuePlayerVideo from 'vue3-player-video'

createApp(App).use(VuePlayerVideo).mount('#app')

page.vue

<script lang="ts" setup>
    import VuePlayerVideo from 'vue3-player-video';
</script>

<template>
    <div>
        <VuePlayerVideo
            src="..."
        />
    </div>    
</template>

出现的问题：在 Typescript 中无法找到模块“vue3-player-video”的声明文件

需要在 src/ 目录下创建一个 vue3-player-video.ts 文件，并在 main.ts 中引入该文件

在 vue3-player-video.ts 中写如下代码：

1	declare module 'vue3-player-video';

vue-router HTML5 模式

当使用这种历史模式时，URL 会看起来很 “正常”，例如 https://example.com/user/id。漂亮!

不过，问题来了。由于我们的应用是一个单页的客户端应用，如果没有适当的服务器配置，用户在浏览器中直接访问 https://example.com/user/id，就会得到一个 404 错误。这就丑了。

不用担心：要解决这个问题，你需要做的就是在你的服务器上添加一个简单的回退路由。如果 URL 不匹配任何静态资源，它应提供与你的应用程序中的 index.html 相同的页面。漂亮依旧!

在部署到 Vercel 服务上时，需要添加文件以重定向路由

vercel.json
1
2
3
{
"rewrites": [{ "source": "/:path*", "destination": "/index.html" }]
}
from: vue router doc