JavaScript 我如何为我的 Zoom Group 构建命运之轮 JavaScript 游戏

kanijf716

在本文中，我将介绍如何开发 JavaScript“财富之轮”游戏，让在全球大流行期间通过 Zoom 进行的在线会议变得更加有趣。 Backward Skip 10s Play Video Forward Skip 10s 当前的大流行迫使许多社交活动变得虚拟。例如，我们当地的世界语小组现在每月举行在线（而不是面对面）语言学习聚会。作为该小组的组织者，由于冠状病毒，我不得不重新考虑我们的许多活动。以前，我可以在我们的活动组合中添加看电影，甚至在公园散步，以避免疲劳（不断的语法练习不会鼓励重复参加）。 我们的新《命运之轮》游戏广受好评。当然，SitePoint 是一个技术博客，因此我将概述如何构建游戏的基本版本以在我们的在线会议中进行屏幕共享。我将讨论我在此过程中所做的一些权衡，并强调一些改进的可能性以及事后我应该采取不同做法的事情。


要事第一 如果您来自美国，您可能已经熟悉《财富之轮》，因为它是历史上持续时间最长的美国游戏节目。（即使您不在美国，您也可能熟悉该节目的某些变体，因为它已被改编并在 40 多个国际市场播出。）该游戏本质上是绞刑吏：参赛者试图解决一个隐藏的单词或短语通过猜测其字母。每个 越南数据 正确字母的奖金金额是通过旋转一个带有美元金额和可怕的破产点的大型轮盘赌式轮盘来确定的。参赛者旋转轮盘，猜测一个字母，谜题中该字母的任何实例都会被揭晓。正确的猜测为参赛者赢得了另一次旋转和猜测的机会，而错误的猜测则将游戏推进到下一位参赛者。当参赛者成功猜出单词或短语时，谜题就解决了。游戏的规则和各种元素多年来一直在调整，您当然可以根据玩家的需求调整自己的版本。 对我来说，首要任务是决定我们如何在物理上（虚拟地）玩这个游戏。




我只需要一两次会议的游戏，而且我不愿意投入大量时间来构建一个成熟的游戏平台，因此将应用程序构建为一个网页，我可以在本地加载并与其他人共享屏幕就可以了。我会根据玩家的需求主持活动并通过各种击键来推动游戏玩法。我还决定用铅笔和纸来记分——后来我后悔了。但最终，简单的 JavaScript、一点画布以及一些图像和声音效果文件就是我构建游戏所需的全部。 Learn to Code with JavaScript 游戏循环和游戏状态 尽管我将其设想为一个“快速而肮脏”的项目，而不是遵循所有已知最佳实践的一些编码出色的杰作，但我的第一个想法仍然是开始构建游戏循环。一般来说，游戏代码是一个状态机，它维护变量等，代表游戏的当前状态，并附加一些额外的代码来处理用户输入，管理/更新状态，并用漂亮的图形和声音效果渲染状态。