用JS编写的辐射黑客小游戏

我学到的一些东西

有什么好主意吗？

这是我之前那个完全没意义但又非常有趣的副项目——用 JS 和 CSS 创建一个复古 CRT 屏幕——的后续。

这次我决定制作《辐射》游戏系列中的黑客小游戏，这也是我最初启动这个项目的灵感来源。

查看完整沙盒模式，获取更大屏幕显示效果。

游戏的目标是从这堆乱码中找到隐藏的密码。你可以点击单词或使用方向键移动，然后按回车键确认。猜错后会给出提示，告诉你密码与你猜的有多少个相同的字母。

我学到的一些东西

• 十六进制数（0xffff）在 JavaScript 中可以像普通数字一样使用，因此可以轻松地进行加减运算。这似乎显而易见，但我以前从未想到过。
• CSSch单位（一个字符的宽度）与等宽字体结合使用，对于构建这类基于文本的界面非常有用，因为我希望每行最多正好有 80 个字符。
• 我很少用到CSS 列布局column-fill: auto，但在这里它发挥了完美的作用。这个属性对于逐列填充而非均衡填充至关重要。
• 为了将密码拆分并以多行高亮显示，我最初尝试将密码放在一个带有word-break: break-all属性的 span 标签中，但后来改为<span>每个字符一个标签，因为这样更容易用 JavaScript 控制，也更容易定位。然后，我给data每个 span 标签添加一些属性，以便跟踪点击和高亮显示的单词。

有什么好主意吗？

接下来我应该开发什么呢？你们知道还有哪些游戏的终端界面是这样的吗？请告诉我！👇👇👇