2022-03-15 10:53:50

并非所有游戏都需要庞大的编码团队和多年的开发才能取得成功。热门单词益智游戏 Wordle由 Josh Wardle 在相对较快的时间内为他的搭档 Palak Shah 制作，尽管它简单且缺乏额外功能(如手机应用程序)，但它的迅速崛起足以 让这款游戏被纽约时报收购。

如果您有自己的想法来开发一款基本但令人上瘾的游戏，它可以吸引全世界的注意力并为您带来七位数的奖金，那么编写像Wordle这样简单的网络应用程序是完全可能的。

最初的Wordle网站的基本框架，就像每个网站一样，都是用 HTML 编码的，即超文本标记语言。它是构建互联网的代码，它告诉您的浏览器在您加载网页时将什么放在哪里。您现在阅读的网站是用 HTML 编码的，不仅提供内容，还提供有关如何显示该内容的说明，从菜单位置到字体大小。

除了 HTML 之外，还有 CSS 或层叠样式表：它是一种更现代的 HTML 插件，可以更轻松地控制网页上的格式，无论是图像格式还是文本块格式。CSS 意味着如果您有一个包含多个页面的庞大网站，您可以为整个网站设置字体和颜色，而不必单独编码每个页面。

如果你想正确地构建网站，你需要学习 HTML 或 CSS——尽管 Squarespace 等大量服务现在可以让你在不知道任何代码的情况下设计页面。这些服务允许您通过用户友好的界面单击和拖放页面元素，然后在后台处理 HTML 和 CSS。

要使网站像Wordle 那样完全交互，您需要 JavaScript，它将静态 HTML 和 CSS 页面转换为您可以与之交互的页面，无论是搜索框还是嵌入式工具栏。JavaScript 可以处理视频、渲染 2D 和 3D 图像、保存用户输入的信息、从数据库加载信息(对Wordle非常有用)、执行计算、运行某些代码以响应用户的输入、在屏幕上显示菜单，还有更多。

正如 Wardle 向TechCrunch解释的那样，Wordle是用 JavaScript 编写的，一旦加载游戏就会在浏览器中下载，因此一旦初始下载完成，它甚至可以离线玩。现代浏览器可以理解和执行 JavaScript，在这种情况下，这意味着从数据库中加载一个单词，识别来自用户的输入，并提供有关这些输入的反馈。

Wardle 本人承认，该游戏的编码方式并没有特别复杂，这就是为什么可以下载Wordle的完整版本、纽约时报之前的形式，以及其数据库中的所有单词。通过研究Wordle网站的源代码，也可以看到即将推出的解决方案。

那么，您如何自己构建类似Wordle 的东西呢?你将需要学习一些代码，但你不需要知道大量的 HTML、CSS 和 JavaScript 来制作Wordle级别的东西。正如Codecademy所解释的，使用的编程技术之一是 for 循环，检查您输入的字母是否在解决方案中并显示彩色方块作为响应。

Codecademy是您可以免费学习 HTML、CSS、JavaScript 和其他几种网络编码语言的地方之一。练习的组织和布局都很好，而且您总是在浏览器中边做边学：将向您展示如何做某事，然后您就可以立即开始实际操作，并随时提供反馈。更高级的功能和教程需要订阅，但有很多东西可以免费探索。

Treehouse是 Codecademy 上更全面的升级，您必须每月支付 25 美元(35 美元)才能使用它(尽管可以免费试用)。毫无疑问，它是学习编写 HTML、CSS、JavaScript 等代码的非常专业和有效的资源，但它远远超出了构建Wordle 之类的东西所需的范围。如果您想作为一名程序员做更多事情，这也许是需要考虑的事情。

Treehouse 的另一端是Dash：它只真正涵盖了 HTML、CSS 和 JavaScript 的基础知识，但它免费且使用起来很有趣，特别适合刚入门的初学者。一切都在您的浏览器中处理，就像 Codecademy 一样，您可以在尝试这些编码语言在构建网站时的能力时学习。